Jetpack 撰写底部应用栏深色

Mac*_*kan 6 android android-jetpack-compose android-jetpack-compose-scaffold

我试图将导航栏设置为与底部应用程序栏相同的颜色,但我不明白应用程序栏的颜色来自深色主题。看起来应该是这样MaterialTheme.colors.primarySurface,但我使用的systemUiController.setNavigationBarColor(color = MaterialTheme.colors.primarySurface)颜色与应用栏不同。此处您将看到两个都设置为 时的示例MaterialTheme.colors.primarySurface

在此输入图像描述

它适用于浅色主题,但不适用于深色主题。

那么深色主题应用栏颜色从何而来?

Gab*_*tti 8

发生这种情况是因为在黑暗模式下应用了elevationOverlay 。您可以提供未申请的null情况。LocalElevationOverlayElevationOverlay

CompositionLocalProvider(LocalElevationOverlay provides null) {
        BottomAppBar { /* .... */. }
}
Run Code Online (Sandbox Code Playgroud)

  • 谢谢,我永远不会明白这一点! (2认同)