如何在反应原生中将<Text>文本设置为大写

Question

如何<Text> some text </Text>在反应原生中设置为大写

<Text style={{}}> Test </Text>

需要证明Test as TEST.

Answer 1

@Cherniv谢谢你的回答

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

Answer 2

iOS textTransform支持已添加到0.56版本的react-native中.它接受以下选项之一:

• 没有
• 大写
• 小写
• 利用

实际的提交和文档

例:

<View>
  <Text style={{ textTransform: 'uppercase'}}>
    This text should be uppercased.
  </Text>
  <Text style={{ textTransform: 'capitalize'}}>
    Mixed:{' '}
    <Text style={{ textTransform: 'lowercase'}}>
      lowercase{' '}
    </Text>
  </Text>
</View>

更新: 支持已添加到0.57.4的Android中,但有一个错误,请参阅GitHub问题

Answer 3

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

textTransform:'uppercase'

Answer 4

React Native .toUpperCase() 函数在字符串中工作正常，但如果您使用numbersor other non-string data types，它不起作用。该error会时有发生。

下面两个是字符串属性：

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

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