/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

158 votes351 views6 answers
React create app
Javascript React
0 vote150 views1 answer
How to remove elevation tab bar react native
Javascript React
0 vote161 views1 answer
Javascript react reverse map
Javascript React
1 vote161 views1 answer
React js router parameters
Javascript React
112 votes184 views6 answers
Import bootstrap 4 in react
Javascript React
9 votes139 views2 answers
How to redirect react router from the app components
Javascript React
0 vote144 views1 answer
Set default types react
Javascript React
2 votes106 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
0 vote161 views1 answer
Custom hook for unique items in react
Javascript React
0 vote280 views1 answer
Canvas js in react
Javascript React