/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

4 votes331 views3 answers
React native keystore
Javascript React
5 votes320 views6 answers
Box shadow in react native
Javascript React
1 vote328 views1 answer
Unordered list in react native
Javascript React
2 votes319 views1 answer
How to see if a web site is useing react
Javascript React
15 votes326 views1 answer
Reducer in react example
Javascript React
0 vote323 views1 answer
Onclick hold react
Javascript React
0 vote306 views1 answer
React border radius
Javascript React
131 votes539 views6 answers
Creating react app
Javascript React
0 vote301 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
0 vote342 views2 answers
How to hide api key in react
Javascript React