/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 vote214 views1 answer
How to make dynamic title for screen in react native
Javascript React
0 vote187 views2 answers
Toggle classname onclick react
Javascript React
0 vote191 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
0 vote228 views1 answer
Connect react with database server
Javascript React
1 vote219 views1 answer
External script in react
Javascript React
0 vote211 views1 answer
Convert table to excel reactjs
Javascript React
85 votes224 views6 answers
Redirect react js
Javascript React
-2 votes204 views1 answer
React router previous location
Javascript React
0 vote193 views2 answers
Mqtt js react-native
Javascript React
0 vote197 views1 answer
React native curved view
Javascript React