How To Horizontally Center React Native Flexbox Text That Wraps Across Multiple Lines

In React Native, using flexbox, text in my components are centered Horizontally (and vertically). This works as expected -- if line of text is short enough that it doe

Solution 1:

You can set the textAlign property like this:

<Text style={{textAlign: 'center'}}>centered Text</Text>

You can see the docs for the textAlign property here: https://reactnative.dev/docs/text-style-props#textalign