如何在 Dialog Composable 中添加 Bottom Modal Sheet？

Question

通过单击 FAB 打开，我有一个 Add Item Dialog，其中包含一个用于将图像分配给购物清单项目的选项。是否可以在 Dialog 的底部实现带有相机捕捉等选项的 Bottom Modal Sheet？

Answer 1

您可以在对话框中使用 ModalBottomSheetLayout，将您置于底部 sheet 可组合布局的 sheetContent 部分，其余部分此布局的 content 部分中的对话框，然后使用 sheetState

操作底部 sheet 对话框的打开和关闭状态

它会给你类似的东西:

// Create the sheet state
val mySheetState = rememberModalBottomSheetState(initialValue = ModalBottomSheetValue.Hidden)

// Add the layout
ModalBottomSheetLayout(
    sheetContent = {
        // You're camera caption button here, or anything else 
    },
    sheetState = mySheetState
) {
    // You're dialog content here
}

// Show or hide you're bottom sheet dialog
LaunchedEffect(Unit) { mySheetState.hide() }
LaunchedEffect(Unit) { mySheetState.show() }