Как сделать кнопку со статическим положением внутри ModalBottomSheet?Android

Форум для тех, кто программирует под Android
Ответить Пред. темаСлед. тема
Anonymous
 Как сделать кнопку со статическим положением внутри ModalBottomSheet?

Сообщение Anonymous »

У меня есть такая структура:
Scaffold -> Box -> ModalBottomSheet -> Некоторый контент + кнопка
Идея состоит в том, что когда я открываю ModalBottomSheet как в половинном, так и в полном состоянии, моя кнопка остается на том же месте - внизу BottomSheet (как на рисунке ниже).
Однако у меня нет идей, как это сделать. Если я помещу кнопку внутри вложенного Box, она, очевидно, не будет стоять на месте, а будет кататься вместе с ней. Пожалуйста, помогите мне с тем, как мне это реализовать.
Забавный код:
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun BottomSheetExample() {
val coroutineScope = rememberCoroutineScope()
val sheetState = rememberModalBottomSheetState(
initialValue = ModalBottomSheetValue.Hidden
)
val openSheet = remember { mutableStateOf(false) }

Scaffold { paddingValues ->
Box(modifier = Modifier
.fillMaxSize()
.padding(paddingValues),
contentAlignment = Alignment.Center
) {
Button(onClick = { openSheet.value = true }) {
Text(text = "Open Bottom Sheet")
}

if (openSheet.value) {
ModalBottomSheet(
onDismissRequest = { openSheet.value = false },
shape = SquircleShape(32.dp, 32.dp, 0.dp, 0.dp, cornerSmoothing = CornerSmoothing.Medium),
containerColor = Color.White,
content = {
Box(
modifier = Modifier
.heightIn(min = 0.dp, max = LocalConfiguration.current.screenHeightDp.dp - 90.dp
)
.fillMaxSize()
.padding(16.dp)
.background(Color.LightGray)
) {
Text(
modifier = Modifier.align(Alignment.TopCenter),
text = "This is the bottom sheet")
}
}
)
}
}
}
}

@Composable
fun rememberModalBottomSheetState(
initialValue: ModalBottomSheetValue
) = remember {
ModalBottomSheetState(initialValue = initialValue)
}

data class ModalBottomSheetState(
val initialValue: ModalBottomSheetValue
)

enum class ModalBottomSheetValue {
Hidden, Expanded
}


Подробнее здесь: https://stackoverflow.com/questions/785 ... ottomsheet
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Android»