BottomSheetScaffold не отображается ⇐ Android

[Anonymous]

Я попробовал различные методы, которые нашел, поскольку все еще учусь, и хочу обновить свой предыдущий вопрос. Я хочу, чтобы BottomSheetScaffold отображал файл MailView.kt при нажатии кнопки.
Но он все равно не отображается, хотя там пожалуйста, нет ли проблем.
Код для BottomSheetScaffold:
val scope = rememberCoroutineScope()
val bottomSheetScaffoldState = rememberBottomSheetScaffoldState()

BottomSheetScaffold(
scaffoldState = bottomSheetScaffoldState,
sheetContent = {
MailView(scaffoldState = bottomSheetScaffoldState)
},
sheetPeekHeight = 0.dp, // Ensure the sheet is hidden initially
content = {
// Your main content

},

)

Код для кнопки:
Button(
onClick = {scope.launch {
bottomSheetScaffoldState.bottomSheetState.expand()
}
},

Код в MailView.kt

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun MailView(scaffoldState: BottomSheetScaffoldState) {
val scope = rememberCoroutineScope()

Column(
modifier = Modifier
.fillMaxWidth()
.padding(16.dp)
.background(Color.White)
) {
Row(
modifier = Modifier
.fillMaxWidth()
.padding(8.dp),
verticalAlignment = Alignment.CenterVertically,
horizontalArrangement = Arrangement.SpaceBetween
) {
IconButton(onClick = {
scope.launch {
scaffoldState.bottomSheetState.hide()
}
}) {
Icon(
painter = painterResource(id = R.drawable.ic_close),
contentDescription = "Close",
tint = Color.Gray
)
}
Image(
painter = painterResource(id = R.drawable.logo_image),
contentDescription = "Logo",
modifier = Modifier.size(24.dp)
)
Text(
text = "SOME HEADER...",
fontFamily = customFontFamily,
fontWeight = FontWeight.Bold,
fontSize = 14.sp,
color = Color.Black
)
}
HorizontalDivider()

// Use the WebViewPage composable here
WebViewPage(url = "https://www.google.com")
}
}



Подробнее здесь: https://stackoverflow.com/questions/785 ... ot-showing