/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 vote165 views1 answer
React native fast image webp ios
Javascript React
6 votes114 views2 answers
React-router-dom get current route
Javascript React
-1 vote181 views1 answer
How to remove react icon from tab
Javascript React
0 vote170 views1 answer
Font family react
Javascript React
-2 votes156 views1 answer
React native search bar
Javascript React
7 votes165 views4 answers
React native textinput disable keyboard
Javascript React
1 vote197 views2 answers
Deploy create react app pm2
Javascript React
18 votes182 views3 answers
React detect enter key
Javascript React
0 vote156 views1 answer
Text decoration react native
Javascript React
0 vote172 views1 answer
Detecting change in animated value react native
Javascript React