/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

6 votes194 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote197 views1 answer
Back button not working when modal open in react native
Javascript React
0 vote191 views1 answer
React link onclick refresh page
Javascript React
0 vote200 views1 answer
Stateprovider.js react
Javascript React
1 vote230 views2 answers
Hide react source
Javascript React
0 vote214 views1 answer
How to replace strings with react components
Javascript React
0 vote211 views2 answers
Remove the warning for setState on unmounted components in React
Javascript React
0 vote263 views1 answer
React-native-calendars how to mark selected day
Javascript React
0 vote209 views1 answer
React form input not working
Javascript React
0 vote205 views1 answer
How to resolve cors in production react
Javascript React