/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

-1 vote327 views1 answer
History of react js
Javascript React
2 votes326 views2 answers
Prevent refresh react
Javascript React
1 vote365 views2 answers
Hosting react with pm2
Javascript React
0 vote321 views3 answers
React counter animation
Javascript React
11 votes318 views3 answers
React native text ellipsis
Javascript React
0 vote368 views1 answer
React router link electron not working
Javascript React
0 vote341 views1 answer
React native dynamic style
Javascript React
108 votes375 views1 answer
How to start react app in windows
Javascript React
0 vote339 views1 answer
Npm react-native-async-storage
Javascript React
18 votes364 views3 answers
React detect enter key
Javascript React