Como posso inserir uma quebra de linha em um componente em React Native?

Eu quero inserir uma nova linha (como \r\n,
) em um componente de Texto em React Native.

Se eu tiver:

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

Então Reagir Native torna Hi~ esta é uma mensagem de teste.

É possível renderizar texto para adicionar uma nova linha como esta:

Hi~
this is a test message.
Solução

Isto deve chegar:


Hi~{"\n"}
this is a test message.
Comentários (8)

Você também pode fazer:

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

Mais fácil, na minha opinião, porque você não'não precisa inserir coisas dentro da corda; basta embrulhá-las uma vez e isso mantém todas as suas quebras de linha.

Comentários (6)

Isto funcionou para mim.

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

(reactivo 0,41,0)

Comentários (0)