¿Cómo puedo insertar un salto de línea en un componente

Quiero insertar una nueva línea (como \r\n,
) en un componente de texto en React Native.

Si tengo:

<text><br />
Hi~<br >
this is a test message.<br />
</text>

Entonces React Native renderiza Hi~ este es un mensaje de prueba.

¿Es posible renderizar el texto para añadir una nueva línea así:

Hi~
this is a test message.
systemovich
Pregunta editada 27º febrero 2019 в 8:39
Programación
text javascript react-native newline
9º septiembre 2015 в 1:29
311 vistas
Solución

Esto debería servir:


Hi~{"\n"}
this is a test message.
Matt McDonald
Respuesta editada 24º septiembre 2019 в 3:38
Comentarios (8)

También puedes hacerlo:

{`
Hi~
this is a test message.
`}

Más fácil en mi opinión, porque no tienes que insertar cosas dentro de la cadena; sólo envuélvela una vez y mantiene todos tus saltos de línea.

Comentarios (6)

Esto me ha funcionado

{`Hi~\nthis is a test message.`}

(react-native 0.41.0)

Comentarios (0)