carousel stop when i swiper to right, it can't loop

my code:

<Carousel
                    layout={'default'}
                    data={this.state.entries}
                    renderItem={this._renderItem.bind(this)}
                    sliderWidth={viewportWidth}
                    itemWidth={viewportWidth*0.575}
                    loop={true}
                    firstItem={2}
                    loopClonesPerSide={10}
                    //enableMomentum={true}
                    enableSnap={true}
                    inactiveSlideScale={0.95}
                    inactiveSlideOpacity={0.8}
                    onSnapToItem={(index) => this.setState({currentSwiperFilm:index}) }
/>

example when i swiper end of right, slider not loop

[bd-arc]

⚠️ You did not follow the contributing guidelines!

As stated in these:

You need to fill out the issue template. This step is mandatory! Not doing so will result in your issue getting closed. Don’t take this personally if this happens, and feel free to open a new issue once you’ve gathered all the information required by the template.

---

@nguyenvanphuc2203 Please provide a Snack example that reproduces the issue, otherwise we won’t be able to help you and the thread will be closed. You’ve already been asked to do so in #347.

@se1exin Your issue is not the same since it has to do with custom layouts and a pesky zIndex issue. But your guess is definitely right 😉 Please see #262 for more info and to find out some workarounds.

[se1exin]

I had this exact problem on iOS yesterday and fixed it by stopping the render of hidden slides:

_renderItem ({item, index}) {
    // Fix for carousel stopping tap event after the second slide
    if (Platform.OS === 'android' || (this.state.slideIndex - 1) <= index) {
      return (<MyItem />)
}

My guess is that the ‘hidden’ slides are actually sitting on top of the carousel, thus preventing tap/slide events on the shown slide.

Note this does not fix the root issue, but is a (dirty) work around. I didn’t have time yesterday to write a full bug report… and now you have posted one for me 😃

Edit: My Carousel setup (using Stack layout)

<Carousel
            ref={(c) => {
              this._carousel = c;
            }}
            layout={'stack'}
            layoutCardOffset={10}
            data={this.state.data}
            firstItem={this.state.slideIndex}
            renderItem={this._renderItem}
            sliderWidth={Dimensions.get('window').width}
            itemWidth={Dimensions.get('window').width * 0.85}
            onSnapToItem={(slideIndex) => {
              LayoutAnimation.configureNext(LayoutAnimation.Presets.linear)
              this.setState({slideIndex})
            }}
          />