/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 votes320 views3 answers
How to update react app
Javascript React
0 vote258 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
0 vote259 views1 answer
Dispatch event not working react native redux
Javascript React
1 vote278 views1 answer
React map array limit
Javascript React
2 votes342 views2 answers
Export aab react native
Javascript React
0 vote281 views1 answer
How to call api on load using hooks in react
Javascript React
0 vote364 views1 answer
React steam auth
Javascript React
1 vote275 views1 answer
React native svg onpress
Javascript React
0 vote253 views1 answer
Reactjs Developer
Javascript React
2 votes269 views1 answer
React select with react hook form cotroller
Javascript React