React Native justifyContent center

February 8, 2023

To center the content of a React Native component, you can use the “justifyContent” property and set its value to “center”.

Example:

<View style={{flex: 1, justifyContent: 'center'}}>
  {/* your content here */}
</View>

This will center the content within the View component horizontally.

Then how to Justify text?

Justifying text means aligning the text to both the left and right margins so that each line of text has equal spacing between the words. This creates a more polished and professional look for the text.

In React Native, you can justify text by using the textAlign property and set its value to justify.

Example:

<Text style={{textAlign: 'justify'}}>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</Text>

This will align the text of the Text component to both the left and right margins.