如何在可组合对话框中添加底部模态表?

Question

通过单击FAB打开，我有一个Add Item Dialog，其中包括一个将图像分配给购物清单项目的选项。是否有可能在Dialog的底部实现具有相机捕获等选项的Bottom Modal Sheet?

Answer 1

你可以在你的对话框中使用ModalBottomSheetLayout，把你的底部表单组合在这个布局的sheetContent部分，剩下的你的对话框在这个布局的content部分，然后用sheetState操纵底部表单对话框的打开和关闭状态

它会显示如下内容:

// 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() }