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

This should do it:

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

javascript text react-native newline

You can also do:

<Text>{`Hi~this is a test message.`}</Text>

Easier in my opinion, because you don't have to insert stuff within the string; just wrap it once and it keeps all your line-breaks.

javascript text react-native newline

Use:

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

Result:

Hi,
Curtis!

CodeHunter