/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 vote154 views1 answer
Disable split screen react native
Javascript React
0 vote151 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
4 votes137 views1 answer
React router history push parameter
Javascript React
0 vote141 views1 answer
React setstate concat string
Javascript React
3 votes136 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
0 vote132 views1 answer
Failed to construct image react-native
Javascript React
11 votes146 views2 answers
How to add react icons using npm
Javascript React
0 vote93 views1 answer
How to define cardTitle background image in mdl in reactjs
Javascript React
0 vote156 views1 answer
Card react native
Javascript React
0 vote135 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React