Comment insérer un saut de ligne dans un composant "Text" dans React Native ?

Je veux insérer une nouvelle ligne (comme \r\n, <br /&gt ;) dans un composant Texte dans React Native.

Si j'ai :

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

Alors React Native affichera "Bonjour, ceci est un message de test".

Est-il possible de rendre le texte pour ajouter une nouvelle ligne comme ceci :

Hi~
this is a test message.
systemovich
Question modifiée 27 février 2019 в 8:39
Programmation
text javascript react-native newline
9 septembre 2015 в 1:29
44 vues
Solution

Cela devrait le faire :


Hi~{"\n"}
this is a test message.
Matt McDonald
Réponse modifiée 24 septembre 2019 в 3:38
Commentaires (8)

Vous pouvez aussi le faire :

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

C'est plus facile à mon avis, car il n'est pas nécessaire d'insérer des éléments dans la chaîne ; il suffit de l'enrouler une fois et elle conserve tous les sauts de ligne.

Commentaires (6)

Cela a fonctionné pour moi

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

(react-native 0.41.0)

Commentaires (0)