/Javascript/React/Center element react native

Center 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

Items in center in native

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

Similar codes

0 vote373 views1 answer
React modal scroll 2 overlapping components
Javascript React
0 vote368 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React
1 vote350 views1 answer
Create functional component react
Javascript React
0 vote375 views3 answers
Proptypes for a react component
Javascript React
0 vote342 views1 answer
React call bind apply
Javascript React
0 vote332 views2 answers
React display base64 image
Javascript React
5 votes393 views2 answers
Import fa icons react
Javascript React
6 votes367 views2 answers
Export default function react
Javascript React
0 vote379 views1 answer
Create loop to specific length react
Javascript React
1 vote380 views2 answers
Expo create react native app
Javascript React