如何在Jetpack Compose中实现与textAllCaps相同的效果？

官方内置视觉转换属性 #

Jetpack Compose 1.3.0及以上版本已经内置了textTransform属性，不需要手动修改字符串内容，就能直接从渲染层实现文本大写效果，完全对应原生View的textAllCaps属性。该属性除了Uppercase（全大写）之外，还支持Lowercase（全小写）、Capitalize（首字母大写），可以根据需求选择。

用法示例 #

最简写法（Compose UI 1.4.0及以上支持直接作为Text参数传入）

Text(
    text = stringResource(id = R.string.app_name),
    textTransform = TextTransform.Uppercase()
)

兼容旧版本写法（写在TextStyle中）

如果你的项目依赖的Compose UI版本低于1.4.0，可以把属性配置在Text的style参数中：

Text(
    text = stringResource(id = R.string.app_name),
    style = TextStyle(
        textTransform = TextTransform.Uppercase()
    )
)

两种实现方案的对比 #

你之前使用的toUpperCase方案和textTransform方案的区别如下：

• toUpperCase是直接修改字符串的原始内容，适合需要拿到大写字符串做后续逻辑处理的场景
• textTransform仅在渲染时做视觉转换，原始字符串内容不会被修改，更适合纯样式需求，也不需要手动处理区域适配问题

低版本兼容方案 #

如果你使用的Compose版本低于1.3.0，暂时没有官方的视觉转换属性，还是需要使用toUpperCase方案实现：

Text(
    text = stringResource(id = R.string.app_name).toUpperCase(Locale.current)
)

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