Modal BottomSheet Demo

ModalBottomSheetDemo.kt

var openModalBottomSheet by rememberSaveable { mutableStateOf(false) }

// Modal Sheet content
if (openModalBottomSheet) {
    ModalBottomSheet(
        onDismissRequest = { openModalBottomSheet = false },
        sheetState = bottomSheetState,
        scrimColor = Purple40Alpha30,

    ) {
        Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.Center) {
            Button(
                // Note: If you provide logic outside of onDismissRequest to remove the sheet,
                // you must additionally handle intended state cleanup, if any.
                onClick = {
                    scope.launch { bottomSheetState.hide() }.invokeOnCompletion {
                        if (!bottomSheetState.isVisible) {
                            openModalBottomSheet = false
                        }
                    }
                }
            ) {
                Text("Hide Bottom Sheet")
            }
        }
        LazyColumn(
            modifier = Modifier.fillMaxWidth(),
            content = {
                items(6) {
                    Text(
                        "Info Item ${it + 1}",
                        modifier = Modifier.fillMaxWidth().padding(8.dp),
                    )
                }
            })
    }
}