Hoe kan ik een regeleinde invoegen in een component in React Native?

Ik wil een nieuwe regel invoegen (zoals
) in een tekstcomponent in React Native.

Als ik heb:

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

Dan rendert React Native Hoi~ dit is een testbericht.

Is het mogelijk om render tekst een nieuwe regel toe te voegen zoals:

Hi~
this is a test message.
systemovich
Bewerkte vraag 27ste2 februari 2019 в 8:39
Programmering
text javascript react-native newline
9de2 september 2015 в 1:29
21 views
Oplossing

Dit zou het moeten doen:


Hi~{"\n"}
this is a test message.
Matt McDonald
Bewerkt antwoord 24ste1 september 2019 в 3:38
Commentaren (8)

Je kunt het ook doen:

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

Makkelijker naar mijn mening, omdat je geen dingen binnen de string hoeft in te voegen; gewoon één keer wikkelen en het behoudt al je regeleindes.

Commentaren (6)

Dit werkte voor mij.

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

(react-native 0.41.0)

Commentaren (0)