/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 vote342 views1 answer
React native storage
Javascript React
2 votes309 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
1 vote327 views1 answer
"react native" component dynamic children props
Javascript React
0 vote336 views1 answer
Reactjs add border to the table row
Javascript React
0 vote318 views1 answer
Text field drag and drop reactjs
Javascript React
0 vote331 views1 answer
Geocoding react
Javascript React
5 votes321 views1 answer
Wrap text react native
Javascript React
35 votes319 views6 answers
Create react app with tailwind
Javascript React
-1 vote332 views1 answer
How to remove react icon from tab
Javascript React
0 vote307 views1 answer
React native app crashing on start
Javascript React