如何在Jetpack Compose中实现文本尺寸自适应屏幕大小？

针对你遇到的需要到处传递屏幕尺寸数据的问题，有几个更简洁的实现方式，不用依赖ViewModel层层传递：

1. 用CompositionLocal封装WindowSizeClass #

CompositionLocal可以让WindowSizeClass在整个Composable树中被直接访问，不用手动传递：

• 先定义一个全局的CompositionLocal实例：

val LocalWindowSizeClass = compositionLocalOf<WindowSizeClass> {
    error("WindowSizeClass未在根节点提供")
}

• 在App的根节点（比如Activity的setContent里）提供这个实例：

val windowSizeClass = calculateWindowSizeClass(this)
CompositionLocalProvider(LocalWindowSizeClass provides windowSizeClass) {
    MyApp()
}

• 之后在任意子Composable里直接获取使用：

@Composable
fun AdaptiveTitle(text: String) {
    val windowSize = LocalWindowSizeClass.current
    val fontSize = when(windowSize.widthSizeClass) {
        WindowWidthSizeClass.Compact -> 18.sp
        WindowWidthSizeClass.Medium -> 19.sp
        WindowWidthSizeClass.Expanded -> 20.sp
        else -> 18.sp
    }
    Text(text = text, fontSize = fontSize)
}

2. 扩展Typography，统一管理自适应文本样式 #

把自适应逻辑封装到主题的Typography里，避免每个Text组件都写判断：

• 先定义自定义Typography：

val MyTypography = Typography(
    titleSmall = TextStyle(fontSize = 18.sp, fontWeight = FontWeight.Bold),
    titleMedium = TextStyle(fontSize = 19.sp, fontWeight = FontWeight.Bold),
    titleLarge = TextStyle(fontSize = 20.sp, fontWeight = FontWeight.Bold),
    // 保留其他默认样式...
)

// 给Typography加扩展函数，自动返回对应尺寸的样式
@Composable
fun Typography.adaptiveTitle(): TextStyle {
    val windowSize = LocalWindowSizeClass.current
    return when(windowSize.widthSizeClass) {
        WindowWidthSizeClass.Compact -> titleSmall
        WindowWidthSizeClass.Medium -> titleMedium
        WindowWidthSizeClass.Expanded -> titleLarge
        else -> titleSmall
    }
}

• 使用时直接调用扩展函数：

@Composable
fun AdaptiveTitle(text: String) {
    Text(
        text = text,
        style = MaterialTheme.typography.adaptiveTitle()
    )
}

3. 直接在Theme中定义自适应尺寸变量 #

如果只是需要适配字体大小这类简单属性，可以直接给MaterialTheme加扩展：

@Composable
fun MaterialTheme.adaptiveTitleFontSize(): TextUnit {
    val windowSize = LocalWindowSizeClass.current
    return when(windowSize.widthSizeClass) {
        WindowWidthSizeClass.Compact -> 18.sp
        WindowWidthSizeClass.Medium -> 19.sp
        WindowWidthSizeClass.Expanded -> 20.sp
        else -> 18.sp
    }
}

使用时：

Text(text = "自适应标题", fontSize = MaterialTheme.adaptiveTitleFontSize())

这些方案的核心是利用CompositionLocal让WindowSizeClass全局可访问，再结合主题扩展把适配逻辑集中管理，不用在每个视图里手动传递尺寸数据，代码更简洁也更容易维护。

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