Jetpack Compose如何单独将Modifier.align作为参数传入自定义组件

完全可以实现，核心是利用Modifier的链式拼接特性，将通用固定配置写在组件内部，仅传入包含align的Modifier部分即可。

步骤1：抽取独立评分圆组件 #

给组件新增可选的Modifier参数，默认值设为空Modifier，内部通过then方法拼接固定配置和传入的Modifier：

@Composable
fun RatingCircle(
    score: Float,
    modifier: Modifier = Modifier // 外部仅需传入包含align等差异化配置的Modifier
) {
    Box(
        contentAlignment = Alignment.Center,
        modifier = Modifier
            // 以下是通用固定配置，不用每次调用重复传
            .padding(end = 8.dp, top = 220.dp)
            .size(48.dp)
            .background(Color.Black, shape = CircleShape)
            // 拼接外部传入的Modifier，align属性会在此处生效
            .then(modifier)
    ) {
        CircularProgressIndicator(
            progress = score / 10,
            color = percentageCircleColor(score),
            strokeWidth = 2.dp
        )
        Text(
            text = "${score.asPercentage()}%",
            color = Color.White,
            textAlign = TextAlign.Center,
            fontSize = 13.sp,
            modifier = Modifier.padding(4.dp)
        )
    }
}

步骤2：调用时仅传差异化配置 #

在父Box中使用时，仅需要传入带align的Modifier即可，不需要重复写padding、size等通用配置：

@Composable
private fun MoviePosterWithRating(movie: MovieModel) {
    Box {
        Image(<...>)
        RatingCircle(
            score = movie.score,
            modifier = Modifier.align(Alignment.TopEnd) // 仅传align属性即可
        )
    }
}

补充说明 #

• Modifier的拼接顺序可以按需调整：如果希望外部传入的属性可以覆盖内部固定配置，就把.then(modifier)放到内部配置的前面；如果希望内部配置优先级更高，就放到后面，当前场景的align属于父布局作用域的修饰符，放到最后可以正常生效。
• 该方案也兼容其他差异化配置需求，比如某场景需要额外加边距、改透明度，直接在传入的Modifier中追加对应属性即可，不会影响通用逻辑。

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