how t use margin in react native 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.