Android底部导航图标未显示纯白颜色问题求助

我之前碰到过一模一样的问题！那种明明在Selector里设了纯白色，结果图标却发灰的情况，大多是BottomNavigationView自带的默认色调过滤（tint）在捣鬼——它会自动给未选中的图标加上一层灰色滤镜，直接覆盖你设置的颜色值。

先看你的Selector代码，逻辑方向是对的，但有两个关键细节没做好：

1. 确保BottomNavigationView正确关联你的Selector #

首先检查布局文件里的BottomNavigationView配置，必须明确指定app:itemIconTint指向你的颜色Selector，否则系统会用默认的tint规则，导致你的白色被过滤：

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottom_nav"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:itemIconTint="@drawable/your_bottom_nav_icon_selector" <!-- 替换成你的Selector文件名 -->
    app:itemTextColor="@drawable/your_bottom_nav_icon_selector" <!-- 如果文字也要同步颜色的话 -->
    app:menu="@menu/your_bottom_nav_menu" />

2. 修正Selector的状态优先级 #

你的Selector其实不需要state_selected，因为BottomNavigationView的选中状态用的是state_checked，调整一下Selector的结构，确保默认状态也覆盖到：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 选中状态：深蓝色 -->
    <item android:state_checked="true" android:color="@android:color/holo_blue_dark" />
    <!-- 未选中状态：纯白色 -->
    <item android:state_checked="false" android:color="@android:color/white" />
    <!-- 默认兜底状态 -->
    <item android:color="@android:color/white" />
</selector>

额外排查点：图标本身的问题 #

如果做完上面两步还是偏灰，那大概率是你的图标文件本身有问题：

• 确保图标是矢量图（VectorDrawable），如果是png图，可能本身带有半透明或灰色通道，tint无法完全覆盖
• 图标要保留全透明背景，不要自带任何灰色阴影或杂色

终极方案：代码里强制设置Tint #

如果还是没解决，可以在Activity/Fragment的代码里手动给每个图标设置Tint，绕过系统默认规则：

// Kotlin 示例
val bottomNav = findViewById<BottomNavigationView>(R.id.bottom_nav)
bottomNav.menu.forEach { menuItem ->
    menuItem.icon?.apply {
        setTintList(ContextCompat.getColorStateList(this@YourActivity, R.drawable.your_bottom_nav_icon_selector))
        setTintMode(PorterDuff.Mode.SRC_IN) // 确保颜色完全覆盖图标原有色彩
    }
}

对应的Java版本：

// Java 示例
BottomNavigationView bottomNav = findViewById(R.id.bottom_nav);
for (int i = 0; i < bottomNav.getMenu().size(); i++) {
    MenuItem menuItem = bottomNav.getMenu().getItem(i);
    Drawable icon = menuItem.getIcon();
    if (icon != null) {
        icon.setTintList(ContextCompat.getColorStateList(YourActivity.this, R.drawable.your_bottom_nav_icon_selector));
        icon.setTintMode(PorterDuff.Mode.SRC_IN);
    }
}

按这个流程走，应该就能让图标显示纯正的白色了！

内容的提问来源于stack exchange，提问作者The Bat