fix(android): background color is not applied to certain views (#10652)

packages/core/ui/action-bar/index.android.ts

@@ -189,6 +189,10 @@ export class ActionBar extends ActionBarBase {
 		this.update();
 	}
 
+	override get needsNativeDrawableFill(): boolean {
+		return true;
+	}
+
 	public update() {
 		if (!this.nativeViewProtected) {
 			return;

packages/core/ui/button/index.android.ts

@@ -106,6 +106,10 @@ export class Button extends ButtonBase {
 		}
 	}
 
+	override get needsNativeDrawableFill(): boolean {
+		return true;
+	}
+
 	[minWidthProperty.getDefault](): CoreTypes.LengthType {
 		const dips = org.nativescript.widgets.ViewHelper.getMinWidth(this.nativeViewProtected);
 

packages/core/ui/core/view/index.android.ts

@@ -1134,7 +1134,8 @@ export class View extends ViewCommon {
 				nativeView.setBackground(backgroundDrawable);
 			}
 
-			if (backgroundDrawable) {
+			// Apply color to drawables when there is the need to maintain visual things like button ripple effect
+			if (this.needsNativeDrawableFill && backgroundDrawable) {
 				backgroundDrawable.mutate();
 
 				AndroidHelper.setDrawableColor(backgroundColor, backgroundDrawable);

packages/core/ui/core/view/index.d.ts

@@ -781,6 +781,10 @@ export abstract class View extends ViewCommon {
 	 * @private
 	 */
 	isLayoutRequired: boolean;
+	/**
+	 * @private
+	 */
+	get needsNativeDrawableFill(): boolean;
 	/**
 	 * @private
 	 */

packages/core/ui/core/view/view-common.ts

@@ -984,6 +984,10 @@ export abstract class ViewCommon extends ViewBase implements ViewDefinition {
 		return true;
 	}
 
+	get needsNativeDrawableFill(): boolean {
+		return false;
+	}
+
 	public measure(widthMeasureSpec: number, heightMeasureSpec: number): void {
 		this._setCurrentMeasureSpecs(widthMeasureSpec, heightMeasureSpec);
 	}