有没有办法在 jetpack-compose 中不使用 ConstraintLayout 来实现 Dimension.fillToConstraints 行为？

Question

我正在练习作曲。 我有一个简单的设计，其中包含 LazyColumn 和 TextField。 我要做的就是将 TextField 固定在底部。 问题是由于MessageList()可组合没有 static 高度，它会填满所有屏幕并使TextField消失。 我使用ConstraintLayout可组合并设置MessageList()高度Dimension.fillToConstraints解决了这个问题。 我想知道是否有任何方法可以通过仅使用Column()而不是ConstraintLayout来实现。

Column {
    MessageList(list, state)
    Footer(message) {
      message = it
    }
}

@Composable
fun MessageList(list : List<ChatItem>, state : LazyListState){
    LazyColumn(state = state) {
    .....
    }
}

@Composable
fun Footer(message : String, onChange : (String) -> Unit){
    TextField(value = message, onValueChange = onChange)
}

Answer 1

你可以使用类似的东西：

val itemsList = (0..60).toList()

Column {
    LazyColumn(modifier = Modifier.weight(1f)){
        items(itemsList) {
            Text("Item is $it")
        }
    }
    Row( verticalAlignment = Alignment.Bottom) {
        Text(text = "Footer row")
    }
}