Jetpack组合底部纸张初始化错误

Question

在Jetpack compose 1.0.0-beta01中，我这样调用BottomSheetScaffold:

BottomSheetScaffold(
    scaffoldState = bottomSheetScaffoldState,
    sheetContent = { Text("") },
    sheetShape = Shapes.large,
    backgroundColor = AppTheme.colors.uiBackground,
    modifier = modifier
    
) { (content) }

...并获得以下错误：

java.lang.IllegalArgumentException：初始值必须具有关联的锚点。

有什么解决办法吗？

Answer 1

我在使用ModalBottomSheetLayout时也遇到了同样的问题，我的compose材质版本是1 . 2 . 0-rc02 androidx . compose . material:material:1 . 2 . 0-rc02我想在选中一个项目时显示底部的modal，如果没有选中任何项目，那么modal应该是空的。

ModalBottomSheetLayout(
    sheetState = modalBottomSheetState,
    sheetContent = {
        EditProgressContent(book = book)
    }
) { ... }

@Composable
fun EditProgressContent(book: Book?) {
    if (book == null) return
    Text(book.title)
}

当book为空时，我得到了同样的崩溃。ModalBottomSheetLayout没有peekHeight参数，所以当book为null时，我必须添加一个像素

@Composable
fun EditProgressContent(book: Book?) {
    if (book == null) { 
        Box(modifier = Modifier.size(1.dp)
        return
    }
    Text(book.title)
}

代码看起来很傻，希望可以从Google修复。

Answer 2

当bottomSheetState为expand时，sheetContent必须有真实的内容才能显示。

您需要检查此内容。

Answer 3

别忘了添加以下安替比妥：

SheetPeekHeight=0.dp

所以你的代码应该是这样的：

BottomSheetScaffold(
    scaffoldState = bottomSheetScaffoldState,
    sheetContent = { Text("") },
    sheetShape = Shapes.large,
    sheetPeekHeight = 0.dp, // <--- new line
    backgroundColor = AppTheme.colors.uiBackground,
    modifier = modifier
    
) { (content) }