facing flickering issue when scrolling from last item to first item in android and intermittently in ios

when i am scrolling from my last image to first image or vice-versa , there is some flickering if the image in android. But in iOS it is happening intermittently. Also, those images are not getting loaded.

<Carousel
                       data={topCarouselImages}
                       renderItem={this._renderItem}
                       sliderWidth={screenWidth}
                       itemWidth={screenWidth}
                       loop={true}
                       loopClonesPerSide={5}
                       onSnapToItem={(index) => this.setState({ activeSlide: index })}
                   />

    _renderItem({ item, index }) {
        l        return (
            <View style={{ height: "100%", width: screenWidth }}>
                <Image
                    source={{ uri: item, cache: 'reload' }}
                    onLoadEnd={() => this.hideIndicatorAfterCarouselLoad(index)}
                    style={{ width: "100%", height: "100%", resizeMode: "stretch" }} />
            </View>
        );
    }

Start with the provided configuration and the _renderItem entry point, reproducing the transition between the last and first images on Android and iOS. Trace the loop, image-loading, and onLoadEnd behavior around that boundary; done means the transition no longer flickers and the affected images load reliably on both platforms.