Android浅色主题下导航栏无法改为白色问题求助

你的问题出在硬编码了导航栏颜色为黑色，导致DayNight主题切换到浅色模式时，导航栏依然保持黑色。以下是具体修复步骤：

1. 分离深色/浅色主题配置 #

Android的DayNight主题需要分别在values/styles.xml（浅色模式）和values-night/styles.xml（深色模式）中配置不同的导航栏属性。

浅色主题配置（values/styles.xml） #

修改你的NoAction主题，将导航栏设为白色，并开启深色导航栏图标（确保在白色背景下可见）：

<style name="NoAction" parent="Theme.MaterialComponents.DayNight.NoActionBar.Bridge">
    <item name="colorPrimary">#71C51D</item>
    <item name="colorPrimaryVariant">#2D8A05</item>
    <item name="colorOnPrimary">@color/white</item>
    <item name="colorSecondary">@color/teal_200</item>
    <item name="colorSecondaryVariant">@color/teal_700</item>
    <item name="colorOnSecondary">@color/white</item>
    <item name="android:statusBarColor">?attr/colorPrimaryVariant</item>
    <!-- 浅色主题下导航栏为白色 -->
    <item name="android:navigationBarColor">@color/white</item>
    <!-- 开启深色导航栏图标（API 26+） -->
    <item name="android:windowLightNavigationBar">true</item>
</style>

深色主题配置（values-night/styles.xml） #

创建该文件，配置深色模式下的导航栏为黑色，恢复浅色图标：

<style name="NoAction" parent="Theme.MaterialComponents.DayNight.NoActionBar.Bridge">
    <!-- 继承浅色主题的所有属性，仅修改导航栏相关 -->
    <item name="android:navigationBarColor">@color/black</item>
    <!-- 关闭深色图标，使用系统默认浅色图标 -->
    <item name="android:windowLightNavigationBar">false</item>
</style>

2. 兼容低版本系统（可选） #

如果需要兼容API 26以下的设备，可以在代码中动态判断主题模式并设置导航栏颜色：

// 在Activity的onCreate方法中
if (resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK == Configuration.UI_MODE_NIGHT_NO) {
    // 浅色模式
    window.navigationBarColor = ContextCompat.getColor(this, R.color.white)
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
        window.isLightNavigationBar = true
    }
} else {
    // 深色模式
    window.navigationBarColor = ContextCompat.getColor(this, R.color.black)
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
        window.isLightNavigationBar = false
    }
}

关键说明 #

• 原代码中android:navigationBarColor="@color/black"是固定值，不会随主题模式变化，所以浅色模式下依然显示黑色。
• android:windowLightNavigationBar属性控制导航栏图标的颜色：设为true时图标为深色，适配白色导航栏；设为false时图标为浅色，适配黑色导航栏。

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