android-jetpack-compose - BottomBar 在使用 LazyColumn 时覆盖脚手架内容

Question

当我使用 Scaffold 时，它的内容中有一个很长的 LazyColumn 并且在 bottomBar 参数中有一些可组合的，我看不到最后一项列，因为 BottomBar 覆盖了它。有没有办法修复这种覆盖？

Answer 1

在您的Scaffold 中，content 有一个PaddingValues 参数，您可以使用它来添加正确的填充。

像这样:

Scaffold(
   ...
) {
    Box(
        modifier = Modifier
            .fillMaxSize()
            .padding(
                bottom = it.calculateBottomPadding()
            )
            //.padding(it) // <<-- or simply this 
    ) {
        // Your content
    }
}