Add borderRadius support. about react-native-fast-image HOT 32 CLOSED

We definitely need this before we can use this library.

Sadly I could not find any workaround to make it work, so it would be awesome to see this added :)

from react-native-fast-image.

You all can use wrap by View and use overflow: hidden, borderRadius: 5
RN support hidden on Android from version 0.50

from react-native-fast-image.

For me it works on simulator but not on Samsung S6.

from react-native-fast-image.

@Akillis which fixed u mean? I tried adding borderRadius to the component,, but it is still squared..

from react-native-fast-image.

+1

from react-native-fast-image.

@Akillis it doesn't work for me. Looks like you need to know the exact size of the image beforehand too.

from react-native-fast-image.

guys it works on iOS, but not on android

from react-native-fast-image.

This is still not working on android:

"react-native": "0.47.1",
"react-native-fast-image": "^5.0.3",

from react-native-fast-image.

@wmonecke You have to upgrade to RN 0.50.0 or newer version

from react-native-fast-image.

was borderRadious added because it isnt working on my end on android

from react-native-fast-image.

It's not supported currently. I'll look into how easy it would be to add.

from react-native-fast-image.

Well I switched to react-web-image and found out there is beta branch which has this funcionality implemented. vovkasm/react-native-web-image#2 . You can find inspiration there if it is still relevant for you.

from react-native-fast-image.

So even if we wrap it inside a View and set a borderRadius & overflow: 'hidden' on that View the image won't be clipped?

from react-native-fast-image.

i think u can look this to support radius,https://github.com/wasabeef/glide-transformations

from react-native-fast-image.

Yea, borderRadius not being supported is quite a bummer, would be awesome if we got it

from react-native-fast-image.

Need this too.

from react-native-fast-image.

Same here.... ;(

from react-native-fast-image.

+1, even a parent view with border radius and overflow hidden, the image won't get clipped. Using react-native Image component, is working(though their caching fails on ios)

from react-native-fast-image.

How about that.

<View style={styles.circle}> <FastImage style={styles.image} /> <View style={styles.fixCircleClipping}/> </View>

circle: { width: circleSize, height: circleSize, borderRadius: circleSize / 2, overflow: 'hidden', }, fixCircleClipping: { position: 'absolute', top: -circleFixBorder, bottom: -circleFixBorder, right: -circleFixBorder, left: -circleFixBorder, borderRadius: circleSize / 2 + circleFixBorder / 2, borderWidth: circleFixBorder, borderColor: bgColor },

from react-native-fast-image.

@Akillis overflow: 'hidden' does not supported on Android

from react-native-fast-image.

according here, #58 bordeRadius has been added, but when i tried on android, it does not work. did u guys managed to solve the issue?

from react-native-fast-image.

It is worked as i said. You need to try this out!.

from react-native-fast-image.

Same issue.

from react-native-fast-image.

@DylanVann it looks like #58 it's not on npm yet.

Can you please upload this feature?

Thanks!!

from react-native-fast-image.

Same issue

from react-native-fast-image.

Bump

from react-native-fast-image.

+1 for Android support

from react-native-fast-image.

Yes, I concur with @anhtuank7c . Just upgrade to RN 0.50.0 and use overflow:hidden on the view container (which I tend to use anyway for scaling purposes)

from react-native-fast-image.

would be nice to get this support vs wrapping all the images in views

from react-native-fast-image.

borderRadius support has been added. I went with the containing view solution for reasons outlined here: #59 (comment)

Thank you for the help!

from react-native-fast-image.

can anyone confirm that border radius does work on android ?
for me seems it doesnt
"react-native": "^0.53.0",
"react-native-fast-image": "^2.2.5",

from react-native-fast-image.

@coucoseth in our case we had to giva a background color to fast image as well in order to make it work.
backgroundColor: "transparent"
transparent bg works as well .

from react-native-fast-image.