/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 vote222 views4 answers
React native push notifications npm
Javascript React
-2 votes259 views1 answer
React native search bar
Javascript React
0 vote267 views1 answer
Swap scroll right in react native
Javascript React
16 votes234 views1 answer
Deploy react app netlify
Javascript React
-1 vote232 views1 answer
Timestamp to unix time react
Javascript React
23 votes234 views3 answers
Copy text to clipboard javascript react
Javascript React
6 votes236 views1 answer
React native docs
Javascript React
0 vote245 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
0 vote237 views1 answer
React-native-calendars how to mark selected day
Javascript React
0 vote299 views1 answer
Scroll down react js typescript
Javascript React