Если вы хотите реализовать нижний лист , вы можете использовать компонуемый ModalBottomSheet .
Вы можете использовать слот content , который использует ColumnScope для компоновки компонуемых элементов содержимого листа в столбце:
ModalBottomSheet(onDismissRequest = { /* Executed when the sheet is dismissed */ }) {
// Sheet content
} Программное развертывание и свертывание листа выполняется с помощью SheetState . Вы можете использовать rememberSheetState для создания экземпляра SheetState , который должен быть передан в ModalBottomSheet с sheetState . SheetState предоставляет доступ к функциям show и hide , а также к свойствам, связанным с текущим состоянием листа. Для этих приостанавливающих функций требуется CoroutineScope — например, с использованием rememberCoroutineScope — и их можно вызывать в ответ на события пользовательского интерфейса. Обязательно удалите ModalBottomSheet из композиции после скрытия нижнего листа.
val sheetState = rememberModalBottomSheetState()
val scope = rememberCoroutineScope()
var showBottomSheet by remember { mutableStateOf(false) }
Scaffold(
floatingActionButton = {
ExtendedFloatingActionButton(
text = { Text("Show bottom sheet") },
icon = { Icon(Icons.Filled.Add, contentDescription = "") },
onClick = {
showBottomSheet = true
}
)
}
) { contentPadding ->
// Screen content
if (showBottomSheet) {
ModalBottomSheet(
onDismissRequest = {
showBottomSheet = false
},
sheetState = sheetState
) {
// Sheet content
Button(onClick = {
scope.launch { sheetState.hide() }.invokeOnCompletion {
if (!sheetState.isVisible) {
showBottomSheet = false
}
}
}) {
Text("Hide bottom sheet")
}
}
}
} 