FAB上的Vector Asset颜色未生效，显示为黑色问题求助

问题原因 #

Material Design的FloatingActionButton（FAB）默认会对设置的android:src图标应用主题色调（tint），这个色调通常来自主题中的colorOnSecondary或colorControlNormal属性，会覆盖你在Vector Asset里设置的白色，导致图标显示为黑色。

解决方案 #

以下两种方法任选其一即可解决问题：

方法1：给FAB显式设置图标色调 #

在FAB布局代码中添加app:tint属性（注意使用app命名空间，而非系统android命名空间），指定白色：

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab_flecha_avanzar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="16dp"
    android:backgroundTint="@color/rojo_normal"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/poner_contrasena_again"
    app:layout_constraintHorizontal_bias="0.95"
    android:src="@drawable/vector_asset_flecha_avanzar"
    app:tint="@android:color/white" <!-- 添加这行 -->
    />

方法2：禁用FAB的自动色调覆盖 #

如果想保留Vector Asset自身的颜色设置，可以给FAB添加app:tint="@null"，让图标使用自己定义的颜色：

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab_flecha_avanzar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="16dp"
    android:backgroundTint="@color/rojo_normal"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/poner_contrasena_again"
    app:layout_constraintHorizontal_bias="0.95"
    android:src="@drawable/vector_asset_flecha_avanzar"
    app:tint="@null" <!-- 添加这行 -->
    />

补充说明 #

你之前尝试的android:tint之所以无效，是因为Material组件的FAB优先使用app命名空间的属性来控制图标色调，而非系统的android命名空间属性。

内容的提问来源于stack exchange，提问作者leonel Z