Jetpack Compose 底部应用栏深色

Question

我正在尝试将导航栏设置为与底部应用栏相同的颜色，但我不明白应用栏的颜色来自深色主题。看起来应该是MaterialTheme.colors.primarySurface 但是我用的是systemUiController.setNavigationBarColor(color = MaterialTheme.colors.primarySurface) 颜色和应用栏不一样。在这里你可以看到一个例子，当两者都设置为 MaterialTheme.colors.primarySurface.

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

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

Answer 1

这是因为elevationOverlay应用在深色模式下。 您可以提供 null 作为 LocalElevationOverlay 以不应用 ElevationOverlay。

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