/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

8 votes135 views1 answer
Update object in react hooks
Javascript React
0 vote140 views1 answer
Event handling in react documentation
Javascript React
1 vote156 views2 answers
Flatlist onrefresh react native
Javascript React
4 votes149 views2 answers
React filter array from another array
Javascript React
0 vote150 views1 answer
React sub count
Javascript React
0 vote140 views1 answer
React native stopwatch
Javascript React
0 vote147 views2 answers
React toastify dark mode
Javascript React
0 vote140 views1 answer
React native scrollview fixed header
Javascript React
0 vote162 views1 answer
Dlowlad the json fiel in react js pretty formate
Javascript React
0 vote150 views1 answer
React should write method in a functional component or outside functional component
Javascript React