ModalBottomSheetContainer

ModalBottomSheet

private class ModalBottomSheetProvider {
    val content: MutableState<(@Composable ColumnScope.() -> Unit)?> = mutableStateOf(null)
    val onDismiss: MutableState<(() -> Unit)?> = mutableStateOf(null)
}

private val LocalModalBottomSheetProvider = compositionLocalOf<ModalBottomSheetProvider> { error("No provider") }

@Composable
fun ModalBottomSheet(
    onDismiss: () -> Unit,
    content: @Composable ColumnScope.() -> Unit
) {
    val provider = LocalModalBottomSheetProvider.current
    DisposableEffect(content) {
        provider.content.value = content
        onDispose { provider.content.value = null }
    }
    DisposableEffect(onDismiss) {
        provider.onDismiss.value = onDismiss
        onDispose { provider.onDismiss.value = null }
    }
}

@Composable
fun ModalBottomSheetContainer(modifier: Modifier = Modifier, content: @Composable () -> Unit) {
    val provider = remember { ModalBottomSheetProvider() }

    val state = rememberBottomSheetScaffoldState(
        bottomSheetState = rememberModalBottomSheetState()
    )

    val sheetValue = state.bottomSheetState.currentValue
    LaunchedEffect(sheetValue) {
        if (sheetValue == SheetValue.Hidden) provider.onDismiss.value?.invoke()
    }

    val sheetContent = provider.content.value
    LaunchedEffect(sheetContent) {
        if (sheetContent != null) state.bottomSheetState.expand()
        else state.bottomSheetState.hide()
    }

    CompositionLocalProvider(LocalModalBottomSheetProvider provides provider) {
        BottomSheetScaffold(
            scaffoldState = state,
            sheetContent = { provider.content.value?.invoke(this) },
            // Should help in skipping partially expanded state.
            // The flag in rememberModalBottomSheetState() throws when using scaffold.
            sheetPeekHeight = 0.dp,
            modifier = modifier,
            content = { content() }
        )
    }
}

BottomSheetScaffold

ModalBottomSheet { … }