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

Question

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

If I have:

Hi~

this          


        

Answer 1

Use:

<Text>{`Hi,\nCurtis!`}</Text>

Result:

Hi,

Curtis!

Answer 2

Use \n in text and css white-space: pre-wrap;

Answer 3

You can try using like this

<text>{`${val}\n`}</text>

Answer 4

Just put {'\n'} within the Text tag

<Text>

   Hello {'\n'}

   World!

</Text>

Answer 5

Just use {"\n"} where you want to break the line

Answer 6

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