How to set Text text to upper case in react native

Question

How to set  lt Text gt  some text  lt  Text gt  as upper case in react native    lt Text style      gt  Test  lt  Text gt    Need to show that Test as TEST

User · Answer

iOS textTransform support has been added to react-native in 0.56 version. Android textTransform support has been added in 0.59 version. It accepts one of these options:

none
uppercase
lowercase
capitalize

The actual iOS commit, Android commit and documentation

Example:

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

User · Answer

Cherniv   Thanks for the answer   lt Text style      gt    Test  toUpperCase     lt  Text gt

User · Answer

use text transform property in your style tag textTransform  uppercase

User · Answer

React Native  toUpperCase   function works fine in a string but if you used the numbers or other non-string data types  it doesn t work  The error will have occurred   Below Two are string properties      lt Text gt  props complexity toUpperCase    lt  Text gt    lt Text gt  props affordability toUpperCase    lt  Text gt

[react-native] How to set <Text> text to upper case in react native

Examples related to react-native