/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 vote120 views1 answer
Clear React Native TextInput
Javascript React
0 vote120 views1 answer
Async wait for axios reactjs
Javascript React
0 vote158 views1 answer
Install react hotjar
Javascript React
9 votes119 views6 answers
React Component
Javascript React
1 vote132 views1 answer
React scroll to bottom of div
Javascript React
1 vote141 views1 answer
Reactnavigation 5 hide header
Javascript React
0 vote120 views1 answer
React build size
Javascript React
5 votes127 views1 answer
Create react app deployment heroku
Javascript React
21 votes127 views6 answers
Shadow in react native
Javascript React
5 votes164 views1 answer
Switch was not found in 'react-router-dom'
Javascript React