/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 vote193 views1 answer
React native portrait only
Javascript React
262 votes259 views6 answers
Create a react native project
Javascript React
0 vote204 views1 answer
Dropdown list value react fragment
Javascript React
33 votes206 views5 answers
Img tag in react
Javascript React
1 vote212 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
2 votes204 views2 answers
Vscode react extensions
Javascript React
98 votes224 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
0 vote208 views1 answer
Double click react
Javascript React
0 vote220 views2 answers
React generate component command
Javascript React
0 vote204 views1 answer
React open a link to an outside siite
Javascript React