/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

85 votes174 views3 answers
React random number
Javascript React
0 vote108 views1 answer
Google pay payment gateway for react js project
Javascript React
0 vote115 views2 answers
React social login button
Javascript React
0 vote117 views1 answer
React first click not working
Javascript React
0 vote119 views1 answer
Upload file react onclick
Javascript React
0 vote113 views2 answers
Counter with react hooks
Javascript React
0 vote151 views1 answer
React open url with button
Javascript React
0 vote106 views2 answers
React show view based on role permission
Javascript React
0 vote134 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
0 vote133 views2 answers
Airbnb and eslint react native
Javascript React