/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

3 votes173 views1 answer
React after deployment givin nginx 404
Javascript React
0 vote174 views1 answer
Reactjs import electron
Javascript React
1 vote163 views1 answer
How to pass function as a props in react in functional components
Javascript React
3 votes266 views4 answers
React Redux Thunk
Javascript React
0 vote227 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
1 vote217 views1 answer
React redux not updating
Javascript React
0 vote196 views2 answers
Counter with react hooks
Javascript React
0 vote169 views1 answer
Onpress not working with usestate react native
Javascript React
0 vote188 views1 answer
React bootstrap col not working
Javascript React
0 vote185 views1 answer
React-native resource android:attr/lStar not found in Android
Javascript React