Jetpack 撰写底部应用栏深色

时间:2021-07-31 12:49:30

标签: android android-jetpack-compose android-jetpack-compose-scaffold

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

enter image description here

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

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

1 个答案:

答案 0 :(得分:1)

发生这种情况是因为 elevationOverlay 应用于暗模式。 您可以将 null 提供为 LocalElevationOverlay 以不应用 ElevationOverlay

CompositionLocalProvider(LocalElevationOverlay provides null) {
        BottomAppBar { /* .... */. }
}