/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 vote129 views1 answer
Return <Text> using if condition react native
Javascript React
0 vote139 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React
3 votes138 views2 answers
React native width auto
Javascript React
8 votes135 views1 answer
Ternary operator in button react
Javascript React
0 vote157 views1 answer
React import coreui icons
Javascript React
11 votes148 views2 answers
How to refresh the page using react
Javascript React
6 votes139 views3 answers
React native vector icons not working
Javascript React
0 vote127 views1 answer
Remove stack header bottom line react native
Javascript React
0 vote154 views1 answer
Sanity react
Javascript React
2 votes132 views1 answer
What is virtual dom in react
Javascript React