ReactNative: how to center text?

Question

How to center Text in ReactNative both in horizontal and vertical?

I have an example application in rnplay.org where justifyContent=\"center\" and

Answer 1

You can use two approaches for this...

1. To make text align center horizontally, apply this Property (textAlign:"center"). Now to make the text align vertically, first check direction of flex. If flexDirection is column apply property (justifyContent:"center") and if flexDirection is row is row apply property (alignItems : "center") .

2. To Make text align center apply same property (textAlign:"center"). Now to make it align vertically make the hieght of the equal to view and then apply property (textAlignVertical: "center")...

Most Probably it will Work...