/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 vote371 views1 answer
Dynamic forms in react
Javascript React
0 vote394 views1 answer
Get call log in react native android
Javascript React
1 vote310 views1 answer
React native close other app
Javascript React
5 votes349 views1 answer
Laravel using react
Javascript React
0 vote397 views2 answers
Datepicker range npm reactjs
Javascript React
86 votes386 views3 answers
React check if window exists
Javascript React
12 votes370 views1 answer
React chrome extension
Javascript React
113 votes347 views6 answers
React app
Javascript React
0 vote385 views1 answer
React sticky hook
Javascript React
5 votes319 views3 answers
React routes multiple compoenents
Javascript React