/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

3 votes224 views1 answer
React bootstrap card
Javascript React
2 votes251 views2 answers
Export multiple functions react
Javascript React
0 vote268 views3 answers
React js require pasword to have special charaacter
Javascript React
15 votes253 views2 answers
React native get location
Javascript React
2 votes270 views1 answer
React native text right align
Javascript React
0 vote243 views1 answer
Set navigation drawer to open by default react native
Javascript React
2 votes246 views1 answer
Jquery vs react
Javascript React
0 vote260 views1 answer
Radio button in react native expo
Javascript React
2 votes251 views2 answers
Export aab bundle react native android
Javascript React
3 votes248 views1 answer
How to use react-fontawesome
Javascript React