Jetpack Compose嵌套Column包裹输入框时占满全屏高度问题咨询

核心是Modifier.weight()的作用层级错误：这个修饰符只会让当前组件从直接父级Row/Column分配剩余空间，不会跨布局层级生效。

• 初始布局里TextInput是Row的直接子项，给TextInput加weight(1f)可以正常让两个输入框平分Row宽度，布局符合预期
• 你给TextInput套了一层Column之后，没有把weight同步移到Row的直接子项（也就是新套的Column）上，反而把weight留在了内层的InputField上
• 对InputField来说，它的直接父布局是内层Column，这个weight会让InputField占满内层Column的所有垂直剩余空间，反过来把Column撑高
• 外层Row默认会给子项发放匹配父布局高度的约束，没有额外对齐配置的情况下，被撑高的Column就会直接占满整个屏幕高度，出现你截图里的异常效果。

只需要调整修饰符位置，补全对齐配置即可：

1. 把Modifier.weight(1f)从InputField上移到作为Row直接子项的两个Column上，让两个Column平分Row的水平宽度
2. 给外层Row设置verticalAlignment = Alignment.Top，指定子项顶部对齐，避免子项被强制拉伸占满全高
3. InputField不需要再使用weight，换成Modifier.fillMaxWidth()占满所在Column的宽度即可

@Composable
fun FormView(
    buttonEnabled: Boolean,
    onInterestChanged: (String) -> Unit,
    onPrincipalChanged: (String) -> Unit,
    onLoanChanged: (String) -> Unit,
    onYearsChanged: (String) -> Unit,
    onCalculateButtonClicked: () -> Unit,
) {
    Row(
        modifier = Modifier.fillMaxWidth(),
        verticalAlignment = Alignment.Top // 子项顶部对齐，不拉伸占满高度
    ) {
        // weight移到Row的直接子Column上，平分宽度
        Column(modifier = Modifier.weight(1f)) {
            InputField(
                modifier = Modifier.fillMaxWidth(), // 输入框撑满Column宽度
                label = "Interest %",
                onValueChanged = { interest ->
                    onInterestChanged(interest)
                }
            )
            Text(text = "Invalid number", color = Color.Red)
        }

        Spacer(modifier = Modifier.width(8.dp))
        
        Column(modifier = Modifier.weight(1f)) {
            InputField(
                modifier = Modifier.fillMaxWidth(),
                label = "Principal %",
                onValueChanged = { principal ->
                    onPrincipalChanged(principal)
                }
            )
            Text(text = "Invalid number", color = Color.Red)
        }
    }

   // 第二行布局按照相同规则调整即可
}

@Composable
fun InputField(modifier: Modifier, label: String, onValueChanged: (String) -> Unit) {
    var value: String by rememberSaveable {
        mutableStateOf("")
    }
    OutlinedTextField(
        modifier = modifier,
        keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number),
        value = value,
        maxLines = 1,
        onValueChange = {
            value = it
            onValueChanged(value)
        },
        label = { Text(text = label) }
    )
}

• 初始正常布局：
  
• 修复前异常布局：
  

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