add shadow border to image react native code example
Example 1: shadow border react native
shadowColor: "#000",
shadowOffset: {
width: 0,
height: 11,
},
shadowOpacity: 0.55,
shadowRadius: 14.78,
elevation: 22,
Example 2: react native bordered image drop with shadow fix
<View
style={{
flexGrow: 1,
backgroundColor: Colors.white,
borderTopLeftRadius: 40,
borderTopRightRadius: 40,
}}
>
<View
style={[
Theme.center,
Theme.dropShadow,
{
top: -100,
width: 190,
height: 190,
borderRadius: 190 / 2,
backgroundColor: Colors.white,
},
]}
>
<Image
source={require("../../assets/resto/chef_jude.png")}
style={[
{
width: 180,
height: 180,
borderRadius: 180 / 2,
},
]}
/>
</View>
</View>