So setzen Sie <Text> -Text in Großbuchstaben auf Großbuchstaben

So setzen Sie <Text> some text </Text>als Großbuchstaben in React Native

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

Müssen diesen Test als TEST zeigen.

Die Unterstützung von iOS textTransform wurde in der Version 0.56 hinzugefügt, um reaktionsnativ zu sein. Die Unterstützung für Android textTransform wurde in der Version 0.59 hinzugefügt. Es akzeptiert eine dieser Optionen:

• keiner
• Großbuchstaben
• Kleinbuchstaben
• profitieren

Das eigentliche iOS-Commit , Android-Commit und die Dokumentation

Beispiel:

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

@Cherniv Danke für die Antwort

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

React Native .toUpperCase () -Funktion funktioniert gut in einer Zeichenfolge, aber wenn Sie das numbersoder verwendet haben other non-string data types, funktioniert es nicht. Das errorwird aufgetreten sein.

Unten Zwei sind Zeichenfolgeneigenschaften:

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

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