879479119 / react-native-shadow

A SVG shadow component powered with react-native-svg,which can provide shadow on Android like iOS ^_^

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Border radius does not give accurate shape.

sujanbasnet opened this issue · comments

I have passed the borderRadius of the child component to the BoxShadow component through the radius property but BoxShadow component does not give an accurate shape.

<BoxShadow 
    setting={{
        width:120,
        height:120,
        color:"#fff",
        border:1,
        radius:60,
        opacity:0.8,
        x:0,
        y:0,
    }}
>
    <Image 
        source={require('../assets/images/hulk.jpeg')}
        resizeMode="cover"
        style={{height:120,width:120,borderRadius:60}}
    />
</BoxShadow>

Here is how its appearing in my device.

screen shot 2017-10-05 at 1 31 02 am

I'm having this problem as well

@rjacobskind have you found a solution or some workaround to this issue ?

+1