¿Cómo pongo negritas, cursiva o subrayado en React Native?

publicado por: Anonymous

Resulta que quiero coger un texto en React Nativo y subrayarlo, ponerle cursiva o negrita. Sé que en JavaScript haría text-decoration: underline; para subrayar, pero no me funciona aquí.

¿Cuál es la manera de hacerlo de forma fácil?

solución

Bastante está descrito en el artículo de React Native Text, pero sucintamente:

<Text style={styles.negrita}>¡Estoy en negrita!</Text>
<Text style={styles.cursiva}>¡Estoy en cursiva!</Text>
<Text style={styles.subrayado}>¡Estoy subrayado!</Text>

const styles = StyleSheet.create({
    negrita: {fontWeight: 'bold'},
    cursiva: {fontStyle: 'italic'},
    subrayado: {textDecorationLine: 'underline'}
})

Puedes verlo en Snack en modo demo: https://snack.expo.io/BJT2ss_y7

Respuesta adaptada de How do I make text bold, italic, or underline in React Native? escrita por James Ko.

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *