/Javascript/React/Center horizontally react native

Center horizontally 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

Center horizontally react native

const styles = StyleSheet.create({
  	//Container for View or Text or etc. that must be centered.
    parent:{
        flex:1, // Covers the available space
        justifyContent:"center", // aligns through main axis
        alignItems:"center" // aligns though secondary axis
    }
});

Similar codes

1 vote143 views4 answers
Passing data in route react
Javascript React
-2 votes147 views1 answer
React router previous location
Javascript React
0 vote158 views1 answer
React get dynamic window sizes
Javascript React
66 votes147 views6 answers
Routing react
Javascript React
5 votes147 views1 answer
React style ternary operator
Javascript React
0 vote147 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
3 votes264 views2 answers
Center an element react native
Javascript React
0 vote163 views1 answer
Rotas react com axios
Javascript React
18 votes138 views2 answers
How to store an array in localstorage reactjs
Javascript React
15 votes134 views6 answers
Axios react
Javascript React