如何在Jetpack Compose的MaterialTheme中全局重写TextField的文字颜色

针对你使用Jetpack Compose 1.0.0-alpha11想要全局设置TextField文字为白色的需求，有两种可行的方案，你可以根据场景选择：

方案1：修改MaterialTheme的Typography（影响全局使用body1的组件） #

在早期的Compose版本中，TextField默认会继承MaterialTheme.typography.body1的文本样式。我们可以自定义Typography并将body1的颜色设为白色，传入MaterialTheme后，所有TextField都会自动应用这个样式：

// 定义自定义Typography，保留原有样式的字体大小、行高等属性，仅修改文字颜色
val CustomTypography = Typography(
    body1 = TextStyle(
        color = Color.White,
        fontSize = 16.sp,
        fontWeight = FontWeight.Normal,
        lineHeight = 24.sp,
        letterSpacing = 0.5.sp
    ),
    // 其他文本样式如果需要保持默认，可直接继承MaterialTheme的配置
    body2 = MaterialTheme.typography.body2
)

// 在应用根节点使用自定义的MaterialTheme
MaterialTheme(
    colors = MaterialTheme.colors, // 可替换为你的自定义Colors配置
    typography = CustomTypography,
    shapes = MaterialTheme.shapes
) {
    // 这里的所有TextField默认文字颜色都会是白色
    TextField(
        value = "",
        onValueChange = {},
        label = { Text("请输入内容") }
    )
}

注意：这个方案会影响所有使用body1样式的组件（比如默认的Text组件），如果你的其他文本组件也需要白色文字，这个方案会很高效；但如果只想单独给TextField设置，建议看方案2。

方案2：自定义全局TextField封装（仅影响TextField） #

如果你不想修改全局文本样式，可以封装一个自己的TextField组件，内部统一设置文字颜色，之后在项目中直接使用这个封装后的组件即可，不用每次重复写ProvideTextStyle：

@Composable
fun WhiteTextField(
    value: String,
    onValueChange: (String) -> Unit,
    modifier: Modifier = Modifier,
    label: @Composable (() -> Unit)? = null,
    placeholder: @Composable (() -> Unit)? = null,
    leadingIcon: @Composable (() -> Unit)? = null,
    trailingIcon: @Composable (() -> Unit)? = null,
    isError: Boolean = false,
    enabled: Boolean = true,
    keyboardOptions: KeyboardOptions = KeyboardOptions.Default,
    keyboardActions: KeyboardActions = KeyboardActions.Default,
    singleLine: Boolean = false,
    maxLines: Int = Int.MAX_VALUE,
    visualTransformation: VisualTransformation = VisualTransformation.None,
    onTextLayout: (TextLayoutResult) -> Unit = {},
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
) {
    ProvideTextStyle(TextStyle(color = Color.White)) {
        TextField(
            value = value,
            onValueChange = onValueChange,
            modifier = modifier,
            label = label,
            placeholder = placeholder,
            leadingIcon = leadingIcon,
            trailingIcon = trailingIcon,
            isError = isError,
            enabled = enabled,
            keyboardOptions = keyboardOptions,
            keyboardActions = keyboardActions,
            singleLine = singleLine,
            maxLines = maxLines,
            visualTransformation = visualTransformation,
            onTextLayout = onTextLayout,
            interactionSource = interactionSource
        )
    }
}

之后在项目中直接使用WhiteTextField代替原生的TextField即可，完全不用再重复处理文字颜色的配置。

补充说明：在Compose的后续正式版本中，官方提供了更灵活的TextField样式配置方式（比如TextFieldDefaults或自定义TextFieldStyle），但你使用的alpha11版本还没有这些特性，所以上面的两种方案是当前版本下最适合的解决方案。

内容的提问来源于stack exchange，提问作者I'm a frog dragon