Create Multi Line Text Breaking Text Line From Middle in React Native

Backslash symbol with small n character is used to denote next line in web apps and react native applications. When we use ‘\n’ character in between the given string text then it would automatically breaks the text from that particular location in both android and iOS react native apps. So in this tutorial we would Create Multi Line Text Breaking Text Line From Middle in React Native Android iOS app.

Contents in this project Create Multi Line Text Breaking Text Line From Middle in React Native Android iOS App:

1. Import StyleSheet, Text and View component in your project’s App.js main file.

2. Create our main Export default class named as App extends with Component.

3. Creating render’s return block in MyApp class. Now we would make a main Root View in render’s return block.

4. Creating Text component in Root View component. Now we would use the ‘\n’ symbol combination between text to break text line from between.

5. Creating Style.

6. Complete Source Code for App.js file class:

Screenshot:

Create Multi Line Text Breaking Text Line From Middle in React Native

One Comment

  1. Nice tutorial sir, Please make Tutorial on React Navigation v5

Leave a Reply

Your email address will not be published. Required fields are marked *