Android Compose中Coil的SubcomposeAsyncImage指示器尺寸问题

核心原因：布局约束的传递逻辑差异 #

SubcomposeAsyncImage在加载状态下，会给loading参数对应的内容施加强制填充自身整个空间的布局约束——简单说就是要求加载内容必须占满SubcomposeAsyncImage的全部宽高。

当你直接在loading里写CircularProgressIndicator(modifier = Modifier.size(40.dp))时，这个size修饰符会被父级的强制填充约束覆盖：因为Compose布局系统中，子组件必须优先遵守父组件传递的约束，CircularProgressIndicator被迫填满整个容器，你设置的固定尺寸自然不生效。

为什么嵌套Box后能解决问题？ #

当你嵌套一个设置了fillMaxSize()和contentAlignment = Alignment.Center的Box时：

1. Box会先遵守SubcomposeAsyncImage的强制填充约束，占满整个可用空间；
2. 但Box对内部子组件（CircularProgressIndicator）传递的是松约束——允许子组件使用自己的固有尺寸，而不是强制填满Box；
3. 配合contentAlignment = Alignment.Center，CircularProgressIndicator会在Box内部居中显示，同时你设置的size修饰符能正常生效，因为它不再被强制填充的约束限制。

代码对比 #

无效写法（size不生效）

SubcomposeAsyncImage(
    model = "your_image_url",
    contentDescription = "Sample Image",
    loading = {
        // 被父级强制填充约束覆盖，size无效
        CircularProgressIndicator(modifier = Modifier.size(40.dp))
    }
)

有效写法（嵌套Box）

SubcomposeAsyncImage(
    model = "your_image_url",
    contentDescription = "Sample Image",
    loading = {
        Box(
            modifier = Modifier.fillMaxSize(),
            contentAlignment = Alignment.Center
        ) {
            // 松约束下size正常生效，且居中显示
            CircularProgressIndicator(modifier = Modifier.size(40.dp))
        }
    }
)

替代写法（无需Box）

你也可以用wrapContentSize()修饰符直接处理，效果和嵌套Box一致：

SubcomposeAsyncImage(
    model = "your_image_url",
    contentDescription = "Sample Image",
    loading = {
        CircularProgressIndicator(
            modifier = Modifier.fillMaxSize()
                .wrapContentSize(Alignment.Center)
                .size(40.dp)
        )
    }
)

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