Jetpack Compose中如何将Text组件设为h1以应用预定义的TextStyle

步骤1：确认自定义Typography已绑定到应用主题 #

首先检查主题声明文件（通常为Theme.kt），确保你在Type.kt中定义了包含h1样式的Typography实例，且已经传入MaterialTheme的typography配置项：

// 示例Theme.kt代码
// 你也可以直接把Type.kt中定义的Typography实例导入赋值给CustomTypography
private val CustomTypography = Typography(
    h1 = TextStyle(
        fontFamily = FontFamily.SansSerif,
        fontWeight = FontWeight.W500,
        fontSize = 70.sp,
        color = Color(0xFFF8F9FC)
    )
    // 其余h2、body1等样式可继续补充
)

@Composable
fun MyAppTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    content: @Composable () -> Unit
) {
    // 配色、形状等其他配置省略
    MaterialTheme(
        typography = CustomTypography, // 必须传入自定义的Typography实例才会生效
        content = content
    )
}

步骤2：给Text组件指定h1样式 #

所有需要应用主题样式的页面内容都要包裹在上述自定义的MyAppTheme作用域内，之后直接给Text的style参数赋值MaterialTheme.typography.h1即可自动应用你定义的样式：

MyAppTheme {
    // 页面布局内容
    Text(
        text = "测试h1标题",
        style = MaterialTheme.typography.h1
    )
}

如果你使用的是Material 3，对应的大标题属性名为headlineLarge，你可以在自定义Typography时将h1样式绑定到该属性，调用逻辑完全一致。

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