Question

我希望我的屏幕显示滚动列表和其下方的按钮。该按钮应始终可见。我尝试了以下方法，但没有奏效。 LazyColumn 占据整个屏幕。我希望 Button 占据底部的空间，然后 LazyColumn 拥有屏幕的其余部分。

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

Answer 1

您可以将 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")
    }
}

这也在 Jetpack Compose basics codelab

在 Jetpack Compose 中将一些东西放在 LazyColumn 下方

1 个答案: