/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

0 vote169 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
12 votes184 views1 answer
Suspense react
Javascript React
0 vote175 views1 answer
Close button react
Javascript React
4 votes195 views3 answers
How to add google map in react js
Javascript React
0 vote186 views1 answer
React js create element
Javascript React
10 votes198 views2 answers
Generate random string react
Javascript React
0 vote214 views1 answer
Style react native alert text
Javascript React
0 vote205 views1 answer
React receiving socket muitple times
Javascript React
2 votes200 views1 answer
How to clean react native project
Javascript React
3 votes178 views2 answers
React is there a safe area view for android
Javascript React