在喷气背包组合中使用底部栏创建全屏底页

Question

我在jetpack compose中确实有一个要求，即我的脚手架中需要一个底部杆，也需要一个高度可调的底部板。我只能实现其中的任何一个。我不得不用下面的代码牺牲底部的条：

BottomSheetScaffold(sheetContent = {//anything here})
   { innerPadding -> Box(){}
   }

我没有选择在这里使用底部栏，而我可以自由调整纸张的高度。第二种解决方案是使用ModalBottomSheetLayout，我可以在其中添加脚手架并添加底部栏，但无法调整板材的高度。

ModalBottomSheetLayout(
   sheetState = modalBottomSheetState,
   sheetContent = {//anything here}
){
     Scaffold(
        topBar = {
                //
        },
        bottomBar = {
                //
        },
     ){
         innerPadding -> Box(){}
      }
 }

Answer 1

你的问题可以用BottomSheetScaffold解决。您可以通过＜code＞SheetPeek height＜/code＞在关闭位置调整其高度。要在底部工作表折叠时拥有bottombar元素，您应该阅读本文并查看相关示例。此解决方案的原理是，在底部工作表折叠时，将其内容设置为底部栏的动画，并在打开时将其设置为底部工作表中所需的内容的动画。

解释解决方案的文章和示例。

如果这对你不起作用，那么你应该看看你自己的可组合实现。实现底部工作表状功能的要求是：嵌套滚动，可滑动和偏移修饰符扩展。如何处理它们，您可以在这里找到：关于嵌套滚动和底页的文章。