Jetpack compone snack bar escondido detrás de la sábana bajera
Muestro un SnackBar dentro de Scaffold como este:
val scaffoldState = rememberScaffoldState()
LaunchedEffect(offerViewModel.onAddToCartError) {
offerViewModel.onAddToCartError = {
coroutineScope.launch {
scaffoldState.snackbarHostState.showSnackbar(
message = message
)
}
}
}
Scaffold(
Modifier.nestedScroll(nestedScrollConnection),
scaffoldState = scaffoldState,
snackbarHost = {
SnackbarHost(it) { data ->
ErrorSnackBar(
message = data.message,
fontSize = 16.sp
)
}
}) { paddingValues ->
Box(
modifier = Modifier
.padding(paddingValues)
.fillMaxSize()
) {
//content
// full screen ModalBottomSheet
if (showBottomSheet) {
ModalBottomSheet(
modifier = modifier,
windowInsets = WindowInsets(
bottom = bottomInsets.getBottom(density).pxToDp().dp,
top = topInsets.getTop(density).pxToDp().dp
)
){...}
}
}
}
pero si se muestra ModalBottomSheet, cubre mi SnackBar. ¿Cómo puedo mostrar SnackBar sobre todo el contenido, incluidas las hojas inferiores, en mi pantalla?
Aceptado
Necesitas usar BottomSheetScaffold
.