A modern programming language that makes developers happier.

kotlinlang

hey guys, does anyone know why `ModalBottomSheet` can’t be previewed?

i’ve raised an issue <https://issuetracker.google.com/issues/304300690>

You didn't provide a state for it, could that be the problem?

it has a default state

```    sheetState: SheetState = rememberModalBottomSheetState(),```

```@Preview(showBackground = true)
@Composable
fun ModalSheetPreview() {
    val sheetState = rememberModalBottomSheetState()
    LaunchedEffect(sheetState.currentValue) {
        if (!sheetState.isVisible) {
            sheetState.show()
        }
    }
    ModalBottomSheet(
        onDismissRequest = {},
        sheetState = sheetState
    ) {
        Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.Center) {
            Button(
                onClick = {}
            ) {
                Text("Close Bottom Sheet")
            }

            Button(
                onClick = {}
            ) {
                Text("Collapse Bottom Sheet")
            }
        }
        LazyColumn {
            items(50) {
                ListItem(
                    headlineContent = { Text("Item $it") },
                    leadingContent = {
                        Icon(
                            Icons.Default.Favorite,
                            contentDescription = "Localized description"
                        )
                    }
                )
            }
        }
    }
}```
I’ve even tried this, it doesn’t work.

I think it uses a new window? If it does that, previews don’t support windows. You should be able to preview the _contents_ of your sheet if you pull those into a separate composable 

That's the workaround I'm using right now

Is there another one that would seem a bit more scalable, for examplw we have some small modal sheets that doesn't make sense to extract the screen content