/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 vote190 views1 answer
Reading state react
Javascript React
6 votes205 views6 answers
Shadow react native generator
Javascript React
2 votes211 views3 answers
Select the items from selectors in .map reactjs
Javascript React
-1 vote231 views1 answer
Install proptypes react
Javascript React
1 vote213 views1 answer
How to install react fullpage using npm
Javascript React
1 vote228 views1 answer
Node sass version react
Javascript React
0 vote208 views1 answer
Icon with label in react native
Javascript React
0 vote224 views1 answer
Private router react v6
Javascript React
0 vote208 views1 answer
Ab mob react native expo
Javascript React
9 votes205 views2 answers
Android center text react native
Javascript React