How to Justify Text in React Native?
Jan 09, 2023 . Admin

This article goes in detailed on react native text justify and center. I explained simply step by step how to justify text in react native. This article will give you simple example of text style props in react native. This article will give you simple example of react native text vertical align. Follow bellow tutorial step of react native textalign justify.
In this example, you can easily control the alignment of your text using the textAlign style property on the Text component.below's this example.
Step 1: Download ProjectIn the first step run the following command to create a project.
expo init ExampleAppStep 2: App.js
In this step, You will open the App.js file and put the code.
import React from 'react'; import {View, Text, StyleSheet} from 'react-native'; const App = () => { return ( <View style={styles.container}> <Text style={{textAlign: 'justify', padding: 30}}> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </Text> </View> ); }; const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', }, }); export default App;Step 3: Run Project
In the last step run your project using the below command.
expo start
You can QR code scan in Expo Go Application on mobile.
Output:

It will help you...