/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 vote339 views1 answer
React native tabbed sticky view
Javascript React
1 vote326 views1 answer
Concatenating variables and strings in React
Javascript React
0 vote349 views2 answers
React show view based on role permission
Javascript React
27 votes418 views4 answers
Font awesome react npm
Javascript React
1 vote346 views1 answer
React render html variable
Javascript React
0 vote347 views1 answer
React call bind apply
Javascript React
0 vote341 views1 answer
Get nested value on object react using dot
Javascript React
18 votes321 views6 answers
How to import svg in react
Javascript React
0 vote355 views1 answer
React enzyme mount ReferenceError: is not defined
Javascript React
1 vote372 views1 answer
React native fast image webp ios
Javascript React