/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 vote131 views1 answer
Libraries like html-react-parser
Javascript React
0 vote121 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
0 vote130 views1 answer
Navigation scroll react
Javascript React
14 votes94 views9 answers
Attempted import error: 'switch' is not exported from 'react-router-dom'.
Javascript React
-1 vote140 views1 answer
How to remove react icon from tab
Javascript React
0 vote136 views2 answers
React generate component command
Javascript React
1 vote147 views1 answer
React spread operator
Javascript React
0 vote151 views1 answer
Start live server react js
Javascript React
1 vote159 views1 answer
Close exit app react native
Javascript React
1 vote141 views1 answer
React admin newrecords.foreach is not a function
Javascript React