box shadow in react native code example

Example 1: box shadow react native

shadowColor: "#000",
shadowOffset: {
	width: 0,
	height: 2,
},
shadowOpacity: 0.25,
shadowRadius: 4.84,

elevation: 5,

Example 2: box shadow in react native

shadowColor: "#000",
shadowOffset: {
	width: 0,
	height: 10,
},
shadowOpacity: 0.53,
shadowRadius: 13.97,

elevation: 21,

Example 3: box shadow in react native

shadowColor: "#000",
shadowOffset: {
	width: 0,
	height: 4,
},
shadowOpacity: 0,
shadowRadius: 4.65,

elevation: 8,

Example 4: box shadow in react native

shadowColor: "#000",
shadowOffset: {
	width: 0,
	height: 1,
},
shadowOpacity: 0.20,
shadowRadius: 1.41,

elevation: 2,

Example 5: box shadow in react native

shadowColor: "#000",
shadowOffset: {
	width: 0,
	height: 5,
},
shadowOpacity: 0.39,
shadowRadius: 8.30,

elevation: 13,

Example 6: box shadow in react native

box-shadow: 0px -2px 16px 0px rgba(21, 21, 21, 0.1);

Tags:

Misc Example