Jetpack Compose：双图间中间文本布局的两个问题排查

云原生阿岚

2026-8-20

Jetpack Compose ConstraintLayout Text布局问题解决方案

问题1：Text的`maxLines`与`overflow`属性不生效

原因

Text在ConstraintLayout中未被限制宽度范围。当前代码仅约束了Text的start和end边界，但未强制Text填充该区间宽度，Text会以wrapContent方式无限延伸，挤压右侧图片的同时，因无宽度限制导致maxLines和overflow无法触发省略逻辑。

解决方法

在Text的constrainAs代码块中添加width = Dimension.fillToConstraints，强制Text填充leftImg.end到rightImg.start之间的空间：

Text(
    text = "LONGTEXTLONGTEXTLONGTEXTLONGTEXTLONGTEXT",
    textAlign = TextAlign.Left,
    modifier = Modifier
        .padding(start = 8.dp)
        .constrainAs(headerTitle) {
            start.linkTo(leftImg.end)
            top.linkTo(parent.top)
            end.linkTo(rightImg.start)
            bottom.linkTo(parent.bottom)
            // 强制Text填充约束区间宽度
            width = Dimension.fillToConstraints
        },
    maxLines = 1,
    overflow = TextOverflow.Ellipsis,
    color = Color.Red
)

问题2：短文本未左对齐，呈现居中效果

原因

Text默认宽度为wrapContent，短文本的实际宽度小于leftImg.end到rightImg.start的区间宽度；
textAlign = TextAlign.Left仅控制文本在Text组件自身宽度内左对齐，但Text组件本身在ConstraintLayout的约束区间里默认居中摆放，导致视觉上文本居中。