/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

105 votes423 views3 answers
React bootstrap do you need to import
Javascript React
29 votes360 views2 answers
React or vue
Javascript React
0 vote388 views1 answer
Handle an input with React hooks
Javascript React
23 votes381 views2 answers
Reactjs app change port
Javascript React
29 votes360 views3 answers
Creating react app using npx
Javascript React
1 vote338 views1 answer
Network request failed fetch react native
Javascript React
0 vote387 views2 answers
Onclick toggle class react
Javascript React
0 vote427 views1 answer
Copy paste menu react native textinput disable
Javascript React
0 vote409 views1 answer
Preview image before upload reactjs
Javascript React
4 votes396 views1 answer
How to change the tab title in react
Javascript React