有什么方法可以在不使用jetpack-compose中的ConstraintLayout的情况下实现这个维度呢？

Question

我正在练习作曲。我有一个简单的设计，其中包含LazyColzo和TextField。我想做的就是将TextField固定在底部。问题是由于MessageList（）可组合没有静态高度，它填充了所有屏幕并使TextField消失。我使用ConstraintLayout可组合并设置MessageList（）高度Dimension.fillToConstraints修复了这个问题。我想知道是否有任何方法可以通过仅使用Colzo（）而不是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")
    }
}