Почему тень не отображается на панели навигации в Jetpack Compose? ⇐ Android

[Anonymous]

Я использую Jetpack Compose и пытаюсь реализовать NavigationBar с тенью, но тень отображается не так, как ожидалось. Вот код, который у меня есть на данный момент:

Код: Выделить всё

@Composable
fun MainScreen() {

val navController = rememberNavController()

Scaffold(
modifier = Modifier.fillMaxSize(),
bottomBar = { BottomNavigationBar(navController = navController) }
) { innerPadding ->
Box(modifier = Modifier.padding(innerPadding).fillMaxSize()){
MainNavHost(navController)
}
}

}

@Composable
fun BottomNavigationBar(viewModel: BottomNavViewModel = hiltViewModel(), navController: NavHostController) {
NavigationBar(
tonalElevation = 8.dp,
containerColor = ...,
contentColor = Color.LightGray
) {
CustomBottomNav(
navController = navController,
viewModel = viewModel,
modifier = Modifier.navigationBarsPadding()
)
}
}

@Composable
fun MainNavHost(navController: NavHostController, modifier: Modifier = Modifier) {
...
}

Я добавил tonalElevation в NavigationBar, ожидая появления тени, но этого не происходит. Я убедился, что Color не является прозрачным, и использую последнюю версию Jetpack Compose. Есть ли что-то, что мне не хватает, или какой-нибудь обходной путь, чтобы тень появилась на панели навигации? Будем очень признательны за любую информацию!
вот как это выглядит:

[img]https://i.sstatic. net/YjbFyTkx.png[/img]

как это должно выглядеть:



Подробнее здесь: https://stackoverflow.com/questions/792 ... ck-compose