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

Question

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.

Answer 1

Hello @kartik,

This should do it:

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

Hope it helps!!

If you need to know more about React, Its recommended to join React JS Course today.

Thank you!