/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 vote375 views2 answers
Get syntethicbaseevent and parameter in react
Javascript React
-2 votes403 views1 answer
Setting up a React Environment
Javascript React
0 vote376 views1 answer
Render blaze in react
Javascript React
5 votes331 views3 answers
React routes multiple compoenents
Javascript React
7 votes382 views4 answers
React history push search params
Javascript React
3 votes414 views1 answer
React export
Javascript React
6 votes374 views1 answer
React history with search
Javascript React
0 vote367 views1 answer
Apache react deploy "conf"
Javascript React
0 vote383 views1 answer
React native filter list
Javascript React
0 vote373 views7 answers
Convert css box shadow to react native
Javascript React