Jetpack Compose中如何为Column所有子控件设置fillMaxWidth()

问题原因 #

Jetpack Compose 的修饰符（Modifier）不支持向下继承，你给根Column设置fillMaxWidth()仅能让Column自身占满父容器宽度，不会自动作用到子组件上，因此子TextField默认还是按照内容宽度测量展示。

最优解决方案（仅修改根布局逻辑，无需调整单个TextField代码） #

借助 Compose 内置的LocalContentModifier可以为当前子组合树统一注入默认修饰符，所有子组件会自动应用你配置的宽度规则，实现代码如下：

CompositionLocalProvider(
    LocalContentModifier provides Modifier.fillMaxWidth()
) {
    Column(
        verticalArrangement = Arrangement.SpaceAround,
        modifier = Modifier
            .padding(10.dp)
            .fillMaxWidth()
            .fillMaxHeight()
    ) {
        MyTextField1()
        MyTextField2()
        // 其余子组件无需额外添加任何修饰符，自动占满父容器宽度
    }
}

如果存在个别子组件不需要占满宽度的场景，只需要给对应子组件单独设置Modifier即可覆盖全局注入的默认规则，灵活度很高。

替代方案 #

如果不想使用CompositionLocal，也可以自定义一个自动让所有直接子项占满宽度的Column布局，不过实现复杂度比上述方案高，常规场景优先推荐上面的写法。

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