react-native-remote-svg icon indicating copy to clipboard operation
react-native-remote-svg copied to clipboard

borderRadius style prop

Open Anwati opened this issue 5 years ago • 2 comments

Hello!

I have an issue with the borderRadius prop. The svg style prop is not using it. ex: <Image style={{borderRadius: 70}} source={getCountryFlagIcon(this.props.country.toLocaleLowerCase())} /> It works when I apply the borderRadius to a parent View but it's having a weird behavior on android. On android, it's rendering the svg with no borderRadius for a second and then apply the style of the parent view. It's the same when I click on the svg, the style of the parent view disappear for a second. Everything works fine on ios.

Any idea about that?

Thank you

Anwati avatar Mar 13 '19 11:03 Anwati

Can you also try overflow: hidden along with borderRadius, so that the WebView may get properly hidden? borderRadius sometimes used to just draw the radius but allowed the inner content to flow out, so maybe this would help.

seekshiva avatar Mar 16 '19 11:03 seekshiva

Thank you for you answer, I will try it. But since that, I built it and tried with an android emulator, the svg are not appearing at all :-/

Anwati avatar Mar 16 '19 12:03 Anwati