You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改Jetpack Compose中TextField组件的字体大小?

Jetpack Compose TextField字体大小调整方案

你可以通过TextField的textStyle参数实现字体大小修改,具体方案如下:

  • 单组件单独设置
    直接在声明TextField时传入自定义的textStyle,在TextStyle中指定fontSize即可,示例代码:
import androidx.compose.ui.unit.sp
import androidx.compose.ui.text.TextStyle

// 组件声明处
TextField(
    value = yourInputValue,
    onValueChange = { yourInputValue = it },
    // 其他配置项如label、placeholder等按需添加
    textStyle = TextStyle(
        fontSize = 20.sp
        // 也可以同时配置fontWeight、color等其他文本属性
    )
)

如果不需要修改其他文本属性,也可以直接复用默认样式修改字号:
textStyle = LocalTextStyle.current.copy(fontSize = 20.sp)

  • 全局统一设置
    如果需要项目内所有TextField默认使用统一字号,可以修改主题的Typography配置,TextField默认会继承主题中bodyLarge的样式:
MaterialTheme(
    typography = Typography(
        bodyLarge = TextStyle(
            fontSize = 16.sp
            // 其他全局文本属性配置
        )
    )
) {
    // 应用内所有组件都放在这个闭包内即可生效
}

注意:单组件设置的textStyle优先级高于全局主题配置,会覆盖全局的字号设置。

内容的提问来源于stack exchange,提问作者barryalan2633

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.29 16:48:02