Android Compose中如何固定Row布局内文本两侧的图标位置？

目标布局要求 #

• 左侧固定放置图标
• 中间区域显示文本，可适配任意文本长度
• 右侧固定放置图标
  强制约束：无论文本长度如何，两侧图标必须始终完整展示，不得被挤压消失。

原有代码问题 #

原有实现使用Row搭配Arrangement.SpaceBetween布局，未对中间Text组件做宽度约束。在Compose的Row测量逻辑中，无约束的Text在文本过长时会抢占全部可用横向空间，最终将右侧图标挤出可视区域，导致图标消失。
手动给Text设置固定width(x.dp)的方案不可行，无法适配不同屏幕尺寸、不同左右图标尺寸的场景。

修复方案 #

给中间的Text组件添加Modifier.weight(1f)修饰符即可，无需手动计算宽度值。
weight修饰符会让Text组件自动占据两侧图标之外的所有剩余可用空间，同时保证两侧未设置weight的图标优先完成测量、固定展示，不会被挤压。如果需要处理超长文本，可额外配置单行省略逻辑。
修正后完整代码：

@Composable
fun FixedIconCard() {
    Card(
        modifier = Modifier.fillMaxWidth(),
        shape = RoundedCornerShape(16.dp)
    ) {
        Row(
            modifier = Modifier
                .fillMaxWidth()
                .padding(all = 16.dp),
            verticalAlignment = Alignment.CenterVertically
        ) {
            Icon(
                imageVector = Icons.Default.ArrowBack,
                contentDescription = "返回"
            )
            Text(
                text = "这里可以放任意长度的标题文本，不会挤压两侧图标",
                textAlign = TextAlign.Center,
                // 核心配置：占据剩余全部可用空间
                modifier = Modifier.weight(1f),
                // 可选配置：超长文本单行显示省略号
                maxLines = 1,
                overflow = TextOverflow.Ellipsis
            )
            Icon(
                imageVector = Icons.Default.Delete,
                contentDescription = "删除"
            )
        }
    }
}

原理说明 #

Compose中Row布局的测量顺序为：

1. 优先测量所有未配置weight的子元素，按照元素自身内容需求分配固定空间，这部分空间不会被其他子元素抢占
2. 统计剩余可用空间，按照所有子元素的weight比例分配剩余空间，配置weight的子元素尺寸不会超过分配到的剩余空间边界
   这个特性天然适配两侧固定、中间自适应的布局场景，可自动适配所有屏幕尺寸，无需手动计算宽度。

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