/Javascript/React/Center an element react native

Center an element react native

// Add these styles to a parent element (could be a view)
   
const styles = StyleSheet.create({
    parent:{
        flex:1, // Covers the available space
        justifyContent:"center", // aligns through main axis
        alignItems:"center" // aligns though secondary axis
    }
});

Source: stackoverflow.com

Center element react native

   
var styles = StyleSheet.create({
    content:{
        flex:1,
        flexDirection:'row',
        alignItems:'center',
        justifyContent:'center'
    },
   …
});

Source: moduscreate.com

Similar codes

2 votes101 views1 answer
Redux React redux
Javascript React
33 votes122 views5 answers
Img tag in react
Javascript React
0 vote107 views2 answers
Reactjs firebase timestamp to date
Javascript React
0 vote107 views1 answer
Expo cli vs react native cli
Javascript React
0 vote112 views1 answer
React-simple-star-rating
Javascript React
4 votes107 views2 answers
React input number
Javascript React
2 votes107 views1 answer
Lifecycles if reactjs
Javascript React
1 vote114 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
-1 vote126 views4 answers
React cheat sheets
Javascript React
0 vote108 views1 answer
Add clickable link to image in react native
Javascript React