Jak ustawić tekst <Text> na wielkie litery w reagowaniu natywnym

Jak ustawić <Text> some text </Text>wielkie litery w Reaguj natywnym

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

Musisz pokazać ten test jako TEST.

Dodano obsługę textTransform dla systemu iOS w wersji 0.56 do react-native. W wersji 0.59 dodano obsługę Android textTransform. Akceptuje jedną z tych opcji:

• Żaden
• duże litery
• małe litery
• skapitalizować

Rzeczywiste iOS popełnić , Android popełnić i dokumentacja

Przykład:

<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 Dzięki za odpowiedź

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

Funkcja React Native .toUpperCase () działa dobrze w ciągu znaków, ale jeśli użyłeś numberslub other non-string data types, nie działa. errorBędą miały miejsce.

Poniżej dwa znajdują się właściwości ciągu:

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

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