react native margin code example

Example 1: react native margin

//the four margin directions
marginTop: 10
marginBottom : 11
marginLeft: 6
marginRight: 8

marginVertical: 10 //same as setting both marginTop and marginBottom
marginHorizontal: 7 //same as setting both marginLeft and marginRight

//sets the four directions at once
margin: 10
margin: '10%'

Example 2: react native margin vs padding

padding is the space between the content and the border,
whereas margin is the space outside the border.

Example 3: react native margin

//10 of margin top, right, bottom and left
margin: 10
//margin: 'top right bottom left'
margin '10 25 0 -1'

Tags:

Misc Example