I'm having a strange bug, when I try to show BottomSheet using `BottomSheetScaffold` it closes right...

# compose

[ms]

I'm having a strange bug, when I try to show BottomSheet using BottomSheetScaffold it closes right away

BottomSheetScaffold(
                scaffoldState = bottomSheetScaffoldState,
                sheetContent = {
                    LazyColumn {
                        items(count = 10) {
                            Text(
                                text = "Item $it",
                                modifier = Modifier.padding(vertical = 8.dp)
                            )
                        }
                    }
                },
            ) {
                Box(
                    modifier = Modifier.fillMaxSize().padding(it),
                    contentAlignment = Alignment.Center
                ) {
                    Button(
                        onClick = {
                            coroutineScope.launch {
                                bottomSheetScaffoldState.bottomSheetState.expand()
                            }
                        },
                    ) {
                        Text(text = "Open sheet")
                    }
                }
            }

[Albert Chang]

How are you creating your bottomSheetScaffoldState?

[Albert Chang]

And please put the long code snippet into the thread.

[ms]

yeah.

rememberBottomSheetScaffoldState(
    bottomSheetState = BottomSheetState(BottomSheetValue.Collapsed),
)

[Albert Chang]

You are not remembering the BottomSheetState so it is a new instance on every recomposition. Use rememberBottomSheetState.

[ms]

ahh... yes, I forgot to remember after refactoring, thanks !!

[ms]

@Albert Chang ModalBottomSheetLayout has a scrimColor whereas BottomSheetScaffold don't
How to add a scrimColor to BottomSheetScaffold?

[Albert Chang]

The scrim color tells the user that the rest of the screen can't be interacted with. BottomSheetScaffold allows interaction with the rest of the screen so scrim color shouldn't be used. If you want to block interaction, just use ModalBottomSheetLayout.