¿Cómo puedo insertar un salto de línea en un componente <Texto> en React Native?

Resuelto Curtis asked hace 9 años • 40 respuestas

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.
Curtis avatar Sep 09 '15 08:09 Curtis
Aceptado

Esto debería hacerlo:

<Text>
Hi~{"\n"}
this is a test message.
</Text>
Chris Ghenea avatar Sep 09 '2015 12:09 Chris Ghenea

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.

Venryx avatar Nov 21 '2016 06:11 Venryx