React-native-fast-image: borderTopLeftRadius not working on android

[atlanteh]

Awesome component guys! it's amazing how fast it is!

I do have a problem where borderRadius: 10 works and all sides are rounded but using border radius on single corner is ignored.
e.g. borderTopLeftRadius: 10 doesn't work.
I'm using:
RNFI: 4.0.14
RN 0.50.0

[DylanVann]

I think [email protected] must not support it.

[rafaelbusetti]

same here,

"react-native-fast-image": "4.0.14"
"react-native": "0.55.4"

[DylanVann]

Is it possible that you're use case falls back to Image? Is it a local image or a remote image?

If it's a local image then the version of RNFI you're using falls back to Image, which I don't think supports multiple border radii properly.

I'm hoping to do a new major release this weekend which will fix this.

[rafaelbusetti]

Hii Dylan,

I used a remote image.

I did not get to test using this property in the style of the object.

I'll check on Monday the tests on Android and IOS and return, okay?

[DylanVann]

I'm pretty sure I know exactly what you're issue is. If I manage to finish the update then it will fix it.

You can workaround your issue by using a wrapping View with overflow=hidden if you need something quickly.

[Bhavinpethani04]

overflow: 'hidden' is working for me , you can use overflow: 'hidden' like this

<View style={{ width: '100%', height: '100%', backgroundColor: '#CACAF9', borderTopLeftRadius: 20, borderTopRightRadius: 20, alignItems: 'center', justifyContent: 'center',overflow: 'hidden' }} >
 <Image style={styles.cellViewImage} source={{ uri: item.image }} ></Image>
</View>