/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 vote130 views1 answer
React-particles-js not working
Javascript React
4 votes129 views1 answer
React router history push parameter
Javascript React
1 vote128 views1 answer
Three.js react
Javascript React
0 vote133 views1 answer
Remarkable react js
Javascript React
0 vote125 views1 answer
Why my favicon icon is not removing in react
Javascript React
0 vote141 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
0 vote134 views1 answer
React js error stackoverflaw
Javascript React
0 vote139 views1 answer
Remove react native cli mac
Javascript React
0 vote147 views3 answers
Get url parameter in react js
Javascript React
20 votes130 views4 answers
Conditional Rendering in React js
Javascript React