web-dev-qa-db-fra.com

Comment définir le texte <Texte> en majuscule dans réagit natif

Comment définir <Text> some text </Text> comme majuscule dans réagit natif

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

Besoin de montrer que Test en tant que TEST.

react-native
55
Thivya

@ Cherniv Merci pour la réponse

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

le support iOS textTransform a été ajouté pour réagir nativement dans la version 0.56. Android Le support de textTransform a été ajouté dans la version 0.59. Il accepte l'une de ces options:

  • none
  • majuscule
  • minuscule
  • capitaliser

Le réel iOS commit , Android commit et documentation

Exemple:

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