android-jetpack-compose - 在 Jetpack Compose 的 LazyColumn 下方放置一些东西

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")
    }
}

标签： android-jetpack-compose

Answer 1

您可以将权重修饰符应用于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 基础代码实验室中进行了说明