Jetpack Compose ModalBottomSheet 始终显示

Question

似乎ModalBottomSheet默认显示，尽管它实际上应该隐藏（rememberModalBottomSheetState用 an 启动状态initialValue : SheetValue = Hidden）。显然这里缺少一些东西。

val bottomSheetState = rememberModalBottomSheetState()
ModalBottomSheet(
    onDismissRequest = { /*TODO*/ },
    sheetState = bottomSheetState,
    containerColor = Color.White,
) {
    Text(text = "Why am I showing?", color = Color.Black)
}

调用bottomSheetState.hide()似乎也没有任何效果。

使用 Jetpack Compose BOM 2023.06.00，但在 2023.05.01 上获得相同的行为。

Answer 1

终于弄清楚了！新的 ModalBottomSheet 有条件地显示，因此类似这样的操作应该有效：

val openBottomSheet = rememberSaveable { mutableStateOf(false) }
val bottomSheetState = rememberModalBottomSheetState()

if (openBottomSheet) {
  ModalBottomSheet(
    onDismissRequest = { openBottomSheet = false },
    sheetState = bottomSheetState,
    containerColor = Color.White,
  ) {
    Text(text = "Why am I showing?", color = Color.Black)
  }
}