如何在Compose中实现不同Row内对应元素纵向对齐？

完全不用上ConstraintLayout，也不用写反直觉的Row套Column结构，就保留你原本Column嵌套两个Row的写法，靠Compose自带的固有测量特性加weight参数就能搞定，性能好、代码可读性也高。
核心思路很简单：让两个Row里的左侧文本列宽度统一取两个文本的最大宽度，Image自然就会纵向对齐。
具体代码参考：

Column(
    modifier = Modifier.width(IntrinsicSize.Max)
) {
    // 第一行
    Row(
        modifier = Modifier.fillMaxWidth(),
        verticalAlignment = Alignment.CenterVertically
    ) {
        Text(
            text = "Dynamic longer text",
            modifier = Modifier.weight(1f, fill = false)
        )
        Spacer(Modifier.width(16.dp))
        Image(painter = painterResource(id = R.drawable.test), contentDescription = null)
        Spacer(Modifier.width(16.dp))
        Text(text = "Text ")
    }
    // 第二行
    Row(
        modifier = Modifier.fillMaxWidth(),
        verticalAlignment = Alignment.CenterVertically
    ) {
        Text(
            text = "Text",
            modifier = Modifier.weight(1f, fill = false)
        )
        Spacer(Modifier.width(16.dp))
        Image(painter = painterResource(id = R.drawable.test), contentDescription = null)
        Spacer(Modifier.width(16.dp))
        Text(text = "Text")
    }
}

关键参数的作用：

• Modifier.width(IntrinsicSize.Max)：让外层Column的宽度刚好适配内部内容的最大宽度，不会无意义撑满父布局，如果你需要整个布局占满可用宽度，把这个换成fillMaxWidth()就行。
• Modifier.fillMaxWidth()给Row：让每个Row的宽度和外层Column保持一致。
• Modifier.weight(1f, fill = false)给左侧Text：两个Text会按权重平分Row里扣除Image、间距、右侧文本后的剩余空间，最终两个Text的宽度会等于较长那个文本的宽度，短文本只占自身内容需要的宽度，剩余空间留空，自然就把Image推到了同一纵向位置。
  如果需要调整左侧文本的对齐方式，直接给Text加textAlign参数即可，比如要右对齐就设textAlign = TextAlign.End。

如果你的布局后续会扩展，比如不止两行、左侧内容不是纯文本，可以选下面两种方案：

• 用alignBy修饰符：给每一行的Image加上同一个对齐标记，Compose会自动调整Row内部元素位置，保证所有标记的组件纵向对齐，不需要额外设置weight。用法很简单，给Image加Modifier.alignBy { it.measuredWidth.toFloat() }即可。
• 用ConstraintLayout：如果后续还要加右侧文本对齐、元素偏移之类的复杂约束，用ConstraintLayout也不算冗余，只要给两个Image加约束绑定到同一个纵向Guideline就能实现对齐，代码可读性也不错。

不推荐Row套三列Column的写法：这种写法把按行排列的内容拆成了按列排列，既不符合布局的阅读逻辑，后续要给单独某一行加点击事件、背景、间距之类的样式时，处理起来会非常繁琐。

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