Создание элемента в реактивном ранце, создание полноэкранного режима LazyVerticalGrid на нижнем листе ⇐ Android

[Anonymous]

У меня есть диалог, в котором есть кнопка для открытия нижнего листа на этом нижнем листе. У меня есть средство выбора изображений, первым элементом которого является предварительный просмотр камеры. Я хочу сделать этот предварительный просмотр полноэкранным, когда я нажимаю на него.
это мой нижний лист:

Код: Выделить всё

@OptIn(ExperimentalMaterial3Api::class)
@Composable

fun BottomSheetImagePicker(onDismiss: () -> Unit) {
val context = LocalContext.current
val imageUris = getAllImageUris(context)
val selected = remember { mutableStateOf(false) }

ModalBottomSheet(onDismiss) {

LazyVerticalGrid(
columns = GridCells.Fixed(3), // 3 columns
horizontalArrangement = Arrangement.spacedBy(8.dp),
verticalArrangement = Arrangement.spacedBy(8.dp),
modifier = Modifier.fillMaxSize()
) {
item(span = { GridItemSpan(2) }) {
CameraPreviewScreen(selected = selected.value) {
selected.value = true
}

}
item() {
Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
ImageItem(imageUris[0])
ImageItem(imageUris[1])
}
}
val otherImages = imageUris.drop(2)
items(otherImages) { uri ->
ImageItem(uri)

}
}
}

}
Я пытался увеличить CameraPreviewScreen, изменив его размер и масштаб, но камера оказалась под другими элементами, например:< /p>


теперь мой вопрос в том, как я могу поставить его поверх других вещей в первый слой?
Я хочу сделать там средство выбора изображений, как в Telegram.

Подробнее здесь: https://stackoverflow.com/questions/792 ... ottomsheet