如何在 Compose 中使底部导航背景颜色随着海拔高度变浅？

Question

在XML中，我们有material3底部导航栏样式。它的颜色是通过使用surfacecolor 来实现的elevation = 3dp。因此，在 XML 中，较高的海拔意味着较浅的背景颜色。

我正在尝试在 Compose 中实现相同的行为。但看起来elevation在 Compose 中并没有改变底部导航的颜色，而只是添加了阴影。那么我们能否以某种方式在 Compose 中应用相同的行为，或者唯一的方法是在 中添加单独的底部导航颜色Color.kt？

BottomNavigation(
            modifier = Modifier.heightIn(80.dp),
            backgroundColor = MaterialTheme.colorScheme.surface,
            elevation = 3.dp
        )

Answer 1

您可能没有使用material3库，而是使用旧的库。Material3 中没有BottomNavigation可组合项，它被调用NavigationBar并且有tonalElevation参数，而不是elevation做你想要的事情。