Text vertical align in react native (using nativebase)

text react-native vertical-alignment native-base
ckim16 picture ckim16 · Jun 2, 2017 · Viewed 88.2k times · Source

I was wondering there is a way I can align vertically in React Native. I'm trying to position on the bottom but I don't think I can find a good way to do it.

If anyone knows how to solve this issue, please let me know.

Answer

Greg Billetdeaux picture Greg Billetdeaux · Jun 3, 2017

You can use the flex property, justifyContent to achieve this. Full documentation here.

<View style={{justifyContent: 'center'}}>
   <Text>Vertically Centered Text</Text>
</View>

Related questions

How can I insert a line break into a <Text> component in React Native?

I want to insert a new line (like \r\n, <br />) in a Text component in React Native. If I have: <text> <br /> Hi~<br /> this is a test message.<br /&…

Read More
Is it possible to capitalize first letter of text/string in react native? How to do it?

I have to capitalize first letter of text that i want to display. I searched for it but i cant found clear thing to do that, also there is no such props for text in react native official documentation. I …

Read More
Font family Roboto light and bold in react native

I',m making some changes on the text in my react native application: I need to specify Roboto light for paragraphs and Roboto Bold for titles. I need to have the same look of the text in both iOS and …

Read More