React-native-fast-image: borderRadius on android cause sawtooth.

Created on 27 Feb 2018  路  8Comments  路  Source: DylanVann/react-native-fast-image

On ios borderRadius works fine and the edge is smooth, but on android the edge has sawtooth.

bug react native

Most helpful comment

The problem still exists ! @DylanVann

All 8 comments

This is an issue with react-native core. I'm hoping to submit a PR to address it at some point.

This actually isn't apparent on high DPI phones.

Going to reopen until I have a PR submitted.

yes it is a problem in React core and it's fixed with commit c5ca26a which is now in Master.

@Agoujil2saad Awesome. I'll keep an eye out for it in the next release notes then close this when I have a chance to test.

@DylanVann hi, on 5.1.1 and rn 0.57.5 we reproduce same sharp effect (sawtooth)

<View style={{width:20, height:20, borderRadius: 10}}>
   <FastImage source={...} style={{width:20, height:20}}> 
...

@DylanVann Hi! It seems fixed on Image RN component (0.59.0). But still sawtooth with FastImage component

Is there any update on this? I can reproduce sharp edges on android on FastImage, when using borderRadius

<FastImage source={{ uri: imageUrl }} style={{ margin: 10, borderRadius: 20, width: 100, height: 100 }} />

The problem still exists ! @DylanVann

Was this page helpful?
0 / 5 - 0 ratings