/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

0 vote155 views1 answer
React testing for links
Javascript React
106 votes185 views2 answers
React npm build
Javascript React
1 vote141 views2 answers
How to place text input cursor to start in react native
Javascript React
0 vote176 views1 answer
Textalignvertical not working in ios react native
Javascript React
11 votes150 views4 answers
Prototype react
Javascript React
1 vote189 views1 answer
Android resource linking failed react native image crop picker
Javascript React
5 votes164 views2 answers
React img not showing
Javascript React
0 vote186 views1 answer
How to add abutton component to drawer in react native
Javascript React
0 vote152 views1 answer
Empty div react
Javascript React
1 vote172 views1 answer
Import react js video player
Javascript React