Jetpack Compose水平约束失效：如何将Box定位到容器右侧？

问题原因 #

你当前代码里的ConstraintLayout默认是包裹内容宽度，没占满外层Row的宽度，导致end.linkTo(parent.end)无法让Box对齐到Row右侧。另外absoluteRight是Compose旧版ConstraintLayout的废弃API，现在已经不再生效。

修复方案 #

方案一：让ConstraintLayout占满Row宽度 #

给ConstraintLayout添加fillMaxWidth()修饰符，使其占满Row宽度，此时end.linkTo(parent.end)就能正确将Box定位到右侧：

Row(
    modifier = Modifier
        .fillMaxWidth()
        .background(Color.Cyan)
) {
    ConstraintLayout(
        modifier = Modifier.fillMaxWidth() // 关键：让ConstraintLayout占满Row宽度
    ) {
        val rightt = createRef()

        Box(
            modifier = Modifier
                .fillMaxHeight()
                .width(50.dp)
                .background(Color.Yellow)
                .constrainAs(rightt) {
                    end.linkTo(parent.end)
                }
        ) {
            Text("s99")
        }
    }
}

方案二：直接利用Row的排列特性（更简洁） #

既然外层已经是Row，无需嵌套ConstraintLayout，用Row自带的布局特性实现更高效：

方式1：让所有子元素靠右排列

Row(
    modifier = Modifier
        .fillMaxWidth()
        .background(Color.Cyan),
    horizontalArrangement = Arrangement.End // 让子元素整体靠右
) {
    Box(
        modifier = Modifier
            .fillMaxHeight()
            .width(50.dp)
            .background(Color.Yellow)
    ) {
        Text("s99")
    }
}

方式2：适配多元素场景（左侧有其他内容时）

如果Row内还有左侧元素，用Spacer加weight(1f)占位，把Box挤到右侧：

Row(
    modifier = Modifier
        .fillMaxWidth()
        .background(Color.Cyan)
) {
    // 左侧内容（示例）
    Text("左侧文本")
    
    // 占位占据剩余空间，将Box推到右侧
    Spacer(modifier = Modifier.weight(1f))
    
    Box(
        modifier = Modifier
            .fillMaxHeight()
            .width(50.dp)
            .background(Color.Yellow)
    ) {
        Text("s99")
    }
}

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