如何为Column/Row容器内的所有Text组件统一指定textSize？

要实现你想要的「给容器内所有Text统一设置文字大小」的效果，用Jetpack Compose的CompositionLocal就能搞定，这是Compose里传递局部共享数据的标准方案，刚好适配你的需求。

步骤1：定义局部共享的文字大小变量 #

先创建一个CompositionLocal，用来承载我们要统一设置的文字大小：

val LocalTextSize = compositionLocalOf { TextUnit.Unspecified }

步骤2：封装自定义容器组件 #

按照你伪代码里的命名，写一个UnspecifiedFontSize容器，它的作用就是把传入的文字大小通过CompositionLocalProvider传递给内部所有子组件：

@Composable
fun UnspecifiedFontSize(size: TextUnit, content: @Composable () -> Unit) {
    CompositionLocalProvider(LocalTextSize provides size) {
        content()
    }
}

步骤3：使用自动读取大小的Text组件 #

为了不用每次写Text都手动指定fontSize，可以封装一个自动读取局部文字大小的AutoSizeText：

@Composable
fun AutoSizeText(
    text: String,
    modifier: Modifier = Modifier,
    color: Color = Color.Unspecified,
    fontSize: TextUnit = LocalTextSize.current,
    style: TextStyle = LocalTextStyle.current.copy(fontSize = fontSize)
) {
    Text(
        text = text,
        modifier = modifier,
        color = color,
        style = style
    )
}

最终使用效果 #

现在就能像你伪代码里那样用了，注意文字大小推荐用sp单位（适配系统字体缩放），而不是dp：

Row {
    UnspecifiedFontSize(size = 24.sp) {
        AutoSizeText("ping")
        AutoSizeText("pong")
    }
}

特殊情况处理 #

如果某个Text需要单独设置大小，直接给fontSize传值就能覆盖局部的统一设置：

UnspecifiedFontSize(size = 24.sp) {
    AutoSizeText("ping")
    AutoSizeText("pong", fontSize = 32.sp) // 这个文字会用32sp显示
}

如果你不想自定义Text组件，也可以直接在原生Text里手动指定fontSize = LocalTextSize.current，效果一致，只是写起来稍显繁琐。

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