/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 vote351 views1 answer
Module not found: Can't resolve 'react-chartjs-2'
Javascript React
0 vote345 views1 answer
React native pure component vs component
Javascript React
0 vote348 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React
0 vote348 views1 answer
Mreact graph
Javascript React
-1 vote307 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
7 votes390 views3 answers
Install node-sass version for react
Javascript React
0 vote372 views1 answer
Ng-class equivalent in react
Javascript React
17 votes335 views5 answers
Add background image react native
Javascript React
0 vote340 views1 answer
To do list app react code
Javascript React
15 votes344 views2 answers
React native get location
Javascript React