/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 vote234 views7 answers
How to trim dates in react
Javascript React
23 votes312 views5 answers
USE ICONS IN REACT
Javascript React
0 vote281 views1 answer
${product} meaning in react js
Javascript React
0 vote215 views1 answer
Render a react component only after API response is received
Javascript React
0 vote223 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
3 votes227 views2 answers
React get data attribute from element
Javascript React
-1 vote230 views1 answer
React-native run-ios command
Javascript React
2 votes264 views2 answers
How to add query parameter to url reactjs
Javascript React
0 vote216 views1 answer
React-timeago npm
Javascript React
1 vote236 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React