/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 vote210 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
8 votes222 views2 answers
React set title of page
Javascript React
0 vote216 views1 answer
Display only initials from full name reactjs
Javascript React
142 votes825 views5 answers
Install react
Javascript React
0 vote217 views1 answer
React chart js 2 api data
Javascript React
0 vote240 views3 answers
React lifecycle hooks
Javascript React
0 vote252 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React
3 votes198 views1 answer
React router dom current path hook
Javascript React
-1 vote157 views1 answer
React index.js BrowserRouter
Javascript React
3 votes206 views1 answer
How to stop react app in terminal
Javascript React