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

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

User · Answer

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

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    lt View gt     lt Text style    textTransform   uppercase    gt      This text should be uppercased     lt  Text gt     lt Text style    textTransform   capitalize    gt      Mixed            lt Text style    textTransform   lowercase    gt        lowercase           lt  Text gt     lt  Text gt   lt  View gt

User · Answer

use text transform property in your style tag textTransform  uppercase

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

Examples related to react-native