Tengo una cadena del tipo:
<Text> {mi_cadena} </Text>
y me gustaría que el valor me apareciera en mayúscula automáticamente. ¿Hay alguna manera de hacerlo?
¡Sí! Usa .toUpperCase()
de JavaScript:
<Text> {mi_cadena.toUpperCase()} </Text>
También puedes usar el estilo en elementos Text para este fin de la siguiente forma:
<Text style={{ textTransform: 'uppercase'}}>
This text should be uppercased.
</Text>
Las opciones disponibles son 'none', 'uppercase', 'lowercase', 'capitalize'. Documentación
De esta forma me arregle el problema. "En en TextInput se agrega autoCapitalize="characters" de esa manera me sirvió, recomiendo hacer pruebas en un dispositivo físico ya que en los emuladores suele presentar fallos"
TextInput
y no para Text
Commented
el 25 mar. 2021 a las 22:14