android - 使用工作表上边距撰写 BottomSheetScaffold

Question

我在玩BottomSheetScaffold并且无法弄清楚如何为工作表设置上边距/最小偏移量/ anchor 。
像这样设置工作表:

val scaffoldState = rememberBottomSheetScaffoldState()
BottomSheetScaffold(
    sheetContent = {
        LazyColumn(modifier = Modifier
            .fillMaxSize()
            .padding(10.dp)
        ) {
            items(100) {
                Text(text = "Sheet item $it")
                Spacer(modifier = Modifier.height(10.dp))
            }
        }
    },
    scaffoldState = scaffoldState,
    sheetPeekHeight = 100.dp,
    sheetShape = RoundedCornerShape(10.dp),
    sheetBackgroundColor = Color.Gray
) { innerPadding ->
    Box(
        modifier = Modifier
            .fillMaxSize()
            .padding(innerPadding)
            .background(Color.Green),
        contentAlignment = Alignment.Center
    ) { Text(text = "Content") }
}

结果在应用程序的 Bottom Sheet 中:
折叠:

扩展:

我正在寻找的是为工作表添加一个上边距，这样它就不会超过这个状态。

我知道我可以为工作表内容添加高度，但我必须计算 height = windowHeight - bottomNavHeight - sheetTopMargin这只是感觉更复杂，它应该是。
有没有更简单的方法来设置顶部页边距？

Answer 1

我们使用了 ModalBottomSheetLayout 并将最大高度作为屏幕空间的一个因素提供给 modifier的sheetContent可组合:

sheetContent = {
    DatesFilterSheet(
        modifier = Modifier.fillMaxHeight(0.9f)
    )
}

/image/wZKnO.png