/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 vote384 views1 answer
Eslint init settings for ReactJS
Javascript React
6 votes335 views2 answers
UseHistory react-router-dom
Javascript React
0 vote324 views1 answer
React animated text yarn package
Javascript React
1 vote351 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript React
0 vote372 views1 answer
Reduce to calculate sum react
Javascript React
0 vote339 views1 answer
Nested ternaries react
Javascript React
0 vote362 views1 answer
How to add base url as src in react native
Javascript React
1 vote358 views1 answer
How to update version of dependencies reactjs
Javascript React
0 vote374 views1 answer
React js how to do array range
Javascript React
1 vote372 views1 answer
Could not find com.yqritc:android-scalablevideoview:1.0.4 react native video
Javascript React