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

# compose-android

[Hristijan]

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

[Hristijan]

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

[Serge]

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

[Hristijan]

it has a default state

sheetState: SheetState = rememberModalBottomSheetState(),

[Hristijan]

@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.

[Zach Klippenstein (he/him) [MOD]]

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

[Hristijan]

That's the workaround I'm using right now

[Hristijan]

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