求助：Jetpack Compose中Row内圆形Box无法屏幕居中

你的圆形Box无法居中，核心问题是Row设置了horizontalArrangement = Arrangement.SpaceBetween——这个参数会把Row内的子元素分别推到行的左右两端，所以Box自然卡在左侧。下面给你两种可行的调整方案：

方案一：利用weight让Box占据剩余空间并居中 #

给圆形Box添加weight(1f)，让它占据Row中除IconButton之外的全部宽度，同时保持自身尺寸，这样它就会在分配到的空间里自动居中。代码修改如下：

Row(
    modifier = Modifier.fillMaxWidth(),
    verticalAlignment = Alignment.CenterVertically
) {
    // 现在这个圆形Box会居中显示
    Box(
        modifier = Modifier
            .weight(1f) // 让Box占据剩余宽度
            .size(200.dp)
            .clip(CircleShape)
            .background(Color.Blue),
        contentAlignment = Alignment.Center
    ){
        Text(text = "剩余1000卢比")
    }
    IconButton(onClick = { /*TODO*/ }) {
        Icon(imageVector = Icons.Filled.KeyboardArrowRight, contentDescription = null)
    }
}

方案二：用嵌套Box实现全局居中 #

如果希望圆形Box严格对齐屏幕正中央（不受IconButton位置影响），可以在Row内嵌套一个占满宽度的Box，通过它的contentAlignment让内部圆形Box居中：

Row(
    modifier = Modifier.fillMaxWidth(),
    verticalAlignment = Alignment.CenterVertically
) {
    Box(
        modifier = Modifier.fillMaxWidth(),
        contentAlignment = Alignment.Center // 让内部元素居中
    ) {
        Box(
            modifier = Modifier
                .size(200.dp)
                .clip(CircleShape)
                .background(Color.Blue),
            contentAlignment = Alignment.Center
        ){
            Text(text = "剩余1000卢比")
        }
        // 把IconButton放在外层Box里，避免被挤出去
        IconButton(
            modifier = Modifier.align(Alignment.CenterEnd),
            onClick = { /*TODO*/ }
        ) {
            Icon(imageVector = Icons.Filled.KeyboardArrowRight, contentDescription = null)
        }
    }
}

这个方案里，外层Box占满Row宽度，让圆形Box居中，同时把IconButton固定在右侧，两者互不影响。

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