如何在<native>中将<text>文本设置为大写

Question

  

如何在反应原生

中将void设置为大写

<Text> some text </Text>

需要将测试显示为测试。

Answer 1

@Cherniv感谢您的回答

<Text style={{}}> {'Test'.toUpperCase()} </Text>

Answer 2

iOS textTransform支持已添加到0.56版本的react-native中。 Android textTransform支持已在0.59版本中添加。它接受以下选项之一：

• 无人
• 大写
• 小写
• 大写

实际的iOS commit，Android commit和documentation

示例：

DUAL

Answer 3

在你的样式标签中使用文本转换属性

textTransform:'uppercase'

Answer 4

React Native .toUpperCase（）函数在字符串中可以正常工作，但如果您使用numbers或other non-string data types，则此功能将无效。 error将会发生。

下面两个是字符串属性：

<Text>{props.complexity.toUpperCase()}</Text>

<Text>{props.affordability.toUpperCase()}</Text>