Помещение чего-то ниже LazyColumn в Jetpack Compose

Я хочу, чтобы на моем экране отображался 9X_composable список с прокруткой и кнопка под ним. Кнопка 9X_composable всегда должна быть видна. Я пробовал следующее, но 9X_android-jetpack-compose это не сработало. LazyColumn занимает весь экран. Я 9X_android-jetpack-compose хочу, чтобы Button занимал место внизу, а затем 9X_android-jetpack-compose LazyColumn занимал остальную часть экрана.

Column(Modifier.fillMaxSize()) {
    LazyColumn {
        items(50) { i ->
            Text("Row $i", Modifier.fillMaxWidth().padding(8.dp))
        }
    }
    Button(onClick = { println("hi") }) {
        Text("Hello")
    }
}

21
0
1
Общее количество ответов: 1

Ответ #1

Ответ на вопрос: Помещение чего-то ниже LazyColumn в Jetpack Compose

Вы можете применить модификатор weight к lazyColumn:

Column(Modifier.fillMaxSize()) {
    LazyColumn(Modifier.weight(1f)) {
        items(50) { i ->
            Text("Row $i", Modifier.fillMaxWidth().padding(8.dp))
        }
    }
    Button(onClick = { println("hi") }) {
        Text("Hello")
    }
}

Это 9X_composable также объясняется в Jetpack Compose basics codelab

47
0