/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 vote327 views1 answer
React native controlling device brightness
Javascript React
0 vote297 views1 answer
React key press hook
Javascript React
0 vote291 views1 answer
React bootstrap font awesome icons
Javascript React
0 vote288 views1 answer
React native webview postmessage example
Javascript React
1 vote365 views1 answer
React native flatlist hide scrollbar
Javascript React
0 vote293 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
18 votes301 views2 answers
How to store an array in localstorage reactjs
Javascript React
0 vote301 views1 answer
React-native-safe-area-context
Javascript React
1 vote298 views1 answer
How to call create react app
Javascript React
3 votes277 views1 answer
Remove header from certain pages react navigation
Javascript React