/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

2 votes195 views1 answer
Path.split is not a function react hook use form
Javascript React
114 votes178 views3 answers
Run react app
Javascript React
0 vote203 views1 answer
Textalignvertical not working in ios react native
Javascript React
65 votes172 views6 answers
Route react
Javascript React
0 vote181 views1 answer
React Liked Component
Javascript React
3 votes179 views1 answer
Include gif in react
Javascript React
3 votes185 views1 answer
React pass props to children
Javascript React
0 vote189 views1 answer
React load script after render
Javascript React
0 vote199 views1 answer
What is the difference between throttling and debounce and raf throttling in react
Javascript React
0 vote206 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React