fix: Icon tint

src/fab-common.ts

@@ -236,3 +236,8 @@ export const androidScaleTypeProperty = new Property<
   affectsLayout: true,
 });
 androidScaleTypeProperty.register(FloatingActionButtonBase);
+export const colorProperty = new Property({
+  name: 'color',
+  valueConverter: (v) => new Color(v),
+});
+colorProperty.register(FloatingActionButtonBase);

src/fab.android.ts

@@ -78,6 +78,22 @@ export class Fab extends FloatingActionButtonBase {
     // NOOP
   }
 
+  [colorProperty.setNative](value) {
+    let newValue;
+    if (value instanceof Color) {
+        newValue = android.content.res.ColorStateList.valueOf(value.android);
+    }
+    else {
+        newValue = value;
+    }
+    try {
+        this.nativeView.setSupportImageTintList(newValue);
+    }
+    catch (err) {
+        console.log(`Error setNative colorProperty: `, err);
+    }
+  }
+
   [rippleColorProperty.setNative](value: Color) {
     this.nativeView.setRippleColor(value.android);
   }

src/index.d.ts

@@ -11,5 +11,6 @@ export declare class Fab extends View {
     | 'scale';
   public hideAnimationDuration: number;
   public rippleColor: Color;
+  public color: Color;
   public icon: string;
 }