kotlin LazyColumn在与BottomNavigationView和Toolbar一起使用时截断项目

jpfvwuh4  于 2022-12-13  发布在  Kotlin
关注(0)|答案(1)|浏览(107)

根据this链接,Jetpack Compose中的LazyColumn可以与Scaffold及其内部填充一起正常工作。但当我尝试在片段中使用它时,它的项被Toolbar和BottomNavigationView切断。
我应该根据Toolbar和BottomNavigationViewsize手动计算内部填充,还是有更好的解决方案?
lazyColumn的项是彩色的。

如你所见,蓝色部分被剪掉了。

vs3odd8k

vs3odd8k1#

我不确定这是否有帮助,但是您可以尝试将BottomNavigation视图的高度作为bottom content padding添加到LazyColumn或另一个item{…}作用域中的透明小部件。
作为内容填充

LazyColumn(
      modifier = Modifier
             .fillMaxSize(),
      contentPadding = PaddingValues(bottom = <Bottom navigation height>)
) {…}

或作为另一个项范围

LazyColumn(
      modifier = Modifier
             .fillMaxSize()
) {
    items (..) {…}
    
    item {
        Box(
           modifier = Modifier.height(<Bottom navigation view height>)
        )
    }   

}

相关问题