/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 vote192 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
-1 vote214 views1 answer
Spotify player react
Javascript React
33 votes189 views2 answers
Routing in react
Javascript React
0 vote195 views1 answer
React shadow
Javascript React
1 vote224 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
28 votes211 views1 answer
Semantic ui dropdown value react
Javascript React
0 vote190 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
4 votes199 views2 answers
HandleClick react
Javascript React
0 vote217 views1 answer
React native kesatore
Javascript React
2 votes205 views1 answer
Dot env react native
Javascript React