javascripttextreact-nativenewline

How can I insert a line break into a <Text> component in React Native?


I want to insert a new line (like \r\n, <br />) in a Text component in React Native.

If I have:

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

Then React Native renders Hi~ this is a test message.

Is it possible render text to add a new line like so:

Hi~
this is a test message.

Solution

  • This should do it:

    <Text>
    Hi~{"\n"}
    this is a test message.
    </Text>