DylanVann / react-native-fast-image

🚩 FastImage, performant React Native image component.
MIT License
8.17k stars 1.5k forks source link

BorderRadius not working when image is repeated #972

Open xerdnew opened 1 year ago

xerdnew commented 1 year ago

When using the same image on a screen the borderRadius gets removed for some strange reason.

borderRadius WORKS here

<View>
    <FastImage
    style={{width:52,height:52,borderRadius:26}}
    source={{
        uri: 'https://uri-here',
        priority: FastImage.priority.normal,
        cache: FastImage.cacheControl.immutable
    }}
    />
</View>

borderRadius NOT WORKING anymore here

<View>
    <FastImage
    style={{width:52,height:52,borderRadius:26}}
    source={{
        uri: 'https://uri-here',
        priority: FastImage.priority.normal,
        cache: FastImage.cacheControl.immutable
    }}
    />
    <FastImage
    style={{width:52,height:52,borderRadius:26}}
    source={{
        uri: 'https://uri-here',
        priority: FastImage.priority.normal,
        cache: FastImage.cacheControl.immutable
    }}
    />
</View>

Is it a bug or am i doing something wrong?

Note: I tried placing a view around the image with overflow hidden but that does not work neither.

Edit: When scrolling the borderRadius flickers on and off. I tried placing the FastImage outside of the ScrollView though but still not working. Running on Android emulator.