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
    }
}

BottomBar 在使用 LazyColumn 时覆盖脚手架内容

BottomBar overlays scaffold content when using LazyColumn

android-jetpack-compose