Border radius does not give accurate shape.

879479119 / react-native-shadow

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

MIT License

610 stars 82 forks source link

Border radius does not give accurate shape. #19

Open sujanbasnet opened 7 years ago

sujanbasnet commented 7 years ago

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