Jetpack Compose如何将屏幕均分两半并让子组件遵循该约束？

你的需求可以实现，不用显式指定子组件具体宽度，核心是利用Compose的weight修饰符让布局自动均分空间，同时保证对齐一致性。

问题分析 #

原来的Arrangement.SpaceAround是在可用空间内分散排列组件，组件自身宽度不固定时，String1和String3的位置会因为右侧组件宽度不同而错位。要实现精确平分屏幕+对齐，需要让每个Row的左右两部分固定占比1:1。

修改后的代码 #

Column {
    // 第一行：左右均分，String1在左半区，String2在右半区
    Row(
        modifier = Modifier.fillMaxWidth(),
        verticalAlignment = Alignment.CenterVertically
    ) {
        Text(
            text = "String1",
            modifier = Modifier.weight(1f).padding(horizontal = 8.dp) // 左半区占1份
        )
        Text(
            text = "String2",
            modifier = Modifier.weight(1f).padding(horizontal = 8.dp) // 右半区占1份
        )
    }

    // 第二行：左半区放String3，右半区放TextField列，自动对齐第一行的String1
    Row(
        modifier = Modifier.fillMaxWidth(),
        verticalAlignment = Alignment.CenterVertically
    ) {
        Text(
            text = "String3",
            modifier = Modifier.weight(1f).padding(horizontal = 8.dp) // 和String1同宽度区域
        )
        Column(
            modifier = Modifier.weight(1f) // 右半区占1份，自动适配屏幕一半宽度
        ) {
            OutlinedTextField(
                modifier = Modifier.fillMaxWidth().height(30.dp),
                value = "",
                onValueChange = {},
                singleLine = true
            )
            OutlinedTextField(
                modifier = Modifier.fillMaxWidth().height(30.dp).padding(top = 4.dp),
                value = "",
                onValueChange = {},
                singleLine = true
            )
        }
    }
}

关键说明 #

1. weight(1f)的作用：给Row的子组件设置weight(1f)后，Row会把可用宽度按权重分配，两个子组件权重都是1，就会各占50%宽度，无需写死dp值，适配所有屏幕。
2. 对齐一致性：因为两行的左半区都是weight(1f)，所以String3和String1的位置完全对齐，不会因为右侧组件变化而错位。
3. TextField适配：给TextField加上fillMaxWidth()，让它填满所在的右半区空间，自然就占据屏幕一半宽度。

内容的提问来源于stack exchange，提问作者ultrapoci