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>
        );
    }

[Vidhiyakar]

Removing loop property worked. But I want the loop behaviour.

Anyone found a hack (or) a workaround to fix this issue.? I’m using v3.9.0 btw.

[bear1030]

@15110011

Remove loop prop and try.

That fixed the issue for me.