/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 vote231 views1 answer
React check if browser is in dark mode
Javascript React
0 vote234 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
0 vote240 views2 answers
Can i pass data with usenavigate react router
Javascript React
3 votes228 views1 answer
React create array
Javascript React
1 vote238 views2 answers
React native open link in browser
Javascript React
1 vote230 views1 answer
How to share file from react native
Javascript React
0 vote373 views1 answer
How to place text over image in react
Javascript React
0 vote217 views1 answer
React notification
Javascript React
9 votes173 views4 answers
Firebase' is not defined no-undef react
Javascript React
2 votes223 views1 answer
React native image source local file
Javascript React