如何在Jetpack Compose中更改导航栏图标的颜色？

Question

我已经修改了导航栏的颜色，使其变得更浅：

<item name="android:navigationBarColor" tools:targetApi="1">@color/navigation_bar</item>

现在的问题是，栏上的图标仍然是空白的，因此几乎看不见。你如何改变这些图标的颜色？

谢谢

- Paul9999

---

在Jetpack Compose中，我的建议是应该在系统栏后面绘制，并使用插图手动绘制状态栏和导航栏，以便您可以根据可变状态控制颜色。 - kaustubhpatange

Answer 1

因为您的导航栏比较浅色，您可以使用此功能使导航栏上的图标更易于识别。

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        WindowInsetsControllerCompat(window, window.decorView).isAppearanceLightNavigationBars = true
        setContent {
             ...
        }
    }
}

- Linh

---

通过这个修改，我仍然看到的按钮与我在问题中放置的照片一样。它们没有改变颜色。 - Paul9999

我刚刚在我的设备（Pixel 4XL）上进行了测试。如果我将 isAppearanceLightNavigationBars = true 设置为真，则导航栏上图标的颜色为深灰色。如果我将其设置为 false，则导航栏上图标的颜色为白色。 - Linh

我的设备是Pixel 3，更改该属性不会有任何变化，它始终看起来一样。 - Paul9999

你可以尝试在你的主题中添加 <item name="android:windowLightNavigationBar">true</item> 吗？ - Linh

第一次回复以及在其他设备上都可以运行。谢谢！ - Paul9999