/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

0 vote232 views1 answer
React load after scrolling
Javascript React
0 vote207 views1 answer
UseFetch custom hook for React
Javascript React
0 vote278 views1 answer
Flipper semantic issue react native
Javascript React
0 vote257 views1 answer
React native map not loading
Javascript React
0 vote207 views1 answer
React chat sheet
Javascript React
2 votes228 views1 answer
React native socket io
Javascript React
0 vote270 views1 answer
Doughnut chartjs with react display percentage
Javascript React
0 vote280 views1 answer
React router path array
Javascript React
0 vote239 views1 answer
How to load a javascript game from react
Javascript React
0 vote314 views1 answer
Open screen pdf on google drive react native expo
Javascript React