¿Cómo puedo insertar un salto de línea en un componente <Texto> en React Native?
Quiero insertar una nueva línea (como \r\n, <br />) en un componente de Texto en React Native.
Si tengo:
<text>
<br />
Hi~<br />
this is a test message.<br />
</text>
Luego React Native renderizaHi~ this is a test message.
¿Es posible renderizar texto para agregar una nueva línea así?
Hi~
this is a test message.
Aceptado
Esto debería hacerlo:
<Text>
Hi~{"\n"}
this is a test message.
</Text>
También puedes hacer:
<Text>{`
Hi~
this is a test message.
`}</Text>
En mi opinión, es más fácil, porque no es necesario insertar elementos dentro de la cadena; simplemente envuélvalo una vez y mantendrá todos los saltos de línea.