react native bordered image drop with shadow fix code example
Example: 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>