android - 如何在jetpack compose中将文本定义为h1？

Question

在 Type.kt Typography 我这样定义 h1 TextStyle :

h1 = TextStyle(
     fontFamily = FontFamily.SansSerif,
     fontWeight = FontWeight.W500,
     fontSize = 70.sp,
     color = Color(0xFFF8F9FC)
),

现在如何将 Text 小部件定义为 h1 以便这些 TextStyles 自动应用？

Answer 1

您可以获得当前主题h1来自任何 @Composable与 MaterialTheme.typography.h1 ，因此您的小部件可能如下所示:

@Composable
fun TextH1(
    text: String,
    modifier: Modifier = Modifier,
) {
    Text(
        text = text,
        modifier = modifier,
        style = MaterialTheme.typography.h1,
    )
}