/Javascript/React/Align text into center of container react native

Align text into center of container react native

Android center text react native

  headline: {
    textAlign: 'center', // <-- the magic
    fontWeight: 'bold',
    fontSize: 18,
    marginTop: 0,
    width: 200,
    backgroundColor: 'yellow',
  }

Source: stackoverflow.com

Align text into center of container react native

const styles = StyleSheet.create({
  //Container or View that wraps text
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  text: {
    textAlign: "center",
  },

Similar codes

0 vote237 views1 answer
How to have hotjar in react-hotjar
Javascript React
2 votes247 views2 answers
Run react native app in production mode
Javascript React
0 vote253 views1 answer
Enzyme-adapter-react-17
Javascript React
125 votes311 views6 answers
Install React Bootstrap
Javascript React
-1 vote231 views1 answer
React native list view
Javascript React
1 vote240 views1 answer
Adding int and string in react props
Javascript React
2 votes252 views1 answer
Display image as big as possible react native
Javascript React
0 vote224 views1 answer
React navigation history clear
Javascript React
7 votes241 views2 answers
How to pass a component as a prop in react
Javascript React
19 votes192 views10 answers
'Switch' is not exported from 'react-router-dom'. ch warning.
Javascript React