How to Insert line break in Text component in React Native
Hi,
I was developing an application in react native.I have to handle lots of text data in this small react native application.I have used Text component in react native many times.
While working on this application,i had a requirement to display some text content with line breaks.I will explain it clearly with an example.I want to display a text as shown below
Welcome
Please subscribe my channel
I wrote react native code as shown below
<View>
<Text>
Welcome
Please subscribe my channel
</Text>
<View>
When i run these lines of code,It will display text as shown below
Welcome Please subscribe my channel
- instead of displaying in two lines with line break,it displays in a single line.So i have to find a solution to insert line break in Text component in React Native.After lots of research,i found a clean solution as shown below
<View>
<Text>
Welcome{"\n"}
Please subscribe my channel
</Text>
<View>
Here i inserted a new line character in curly braces {"\n"} It worked properly as i required.So our requirement How to Insert line break in Text component in React Native is solved
Thanks