/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

11 votes413 views4 answers
Prototype react
Javascript React
0 vote435 views1 answer
Copy paste menu react native textinput disable
Javascript React
0 vote464 views1 answer
Show modal by using id in list react
Javascript React
1 vote435 views2 answers
Open websute react native
Javascript React
0 vote411 views4 answers
Router react how to pass data to class component
Javascript React
1 vote398 views1 answer
How to access form values in react
Javascript React
0 vote398 views1 answer
React native whatsapp integration
Javascript React
0 vote505 views1 answer
React native load function each time visit screen
Javascript React
0 vote381 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
0 vote381 views1 answer
How to clear form fields in react after submit
Javascript React