When swiping through slides quickly carousel returns to item at first index

I ran into an issue, where if I swipe (left) at a high speed through a few full screen slides then instead of staying on the slide I stopped sliding on, it instead returns to the first slide.

In the attached gif I am sliding my finger to the left for several slides, and then when I let go, the carousel seems to be swiping right on its own. Any ideas?

In some cases, while swiping left, the carousel also tries to “fight” me and swipe in the opposite direction.

Carousel Component Set up

            <Carousel
              ref={c => { this.carousel = c; }}
              data={this.props.moments}
              renderItem={this.renderItem}
              sliderWidth={width}
              itemWidth={width}
              containerCustomStyle={{ flex: 1 }}
              inactiveSlideScale={1}
              inactiveSlideOpacity={1}
              scrollEndDragDebounceValue={0}
              decelerationRate='fast'
              disableVirtualization={false}
              firstItem={this.props.activeIndex}
              onSnapToItem={(slideIndex) => {
                this.props.didSwipeMoment(slideIndex);
              }}
            />

[bd-arc]

Hi @gonzalezchris,

Since the plugin hasn’t been designed with fullscreen slides in mind, some fine-tuning may be needed 😉

One question thought: have you tried your app in production mode? Android performance is just horrendous in debug mode (see the “Known issues” section of the doc).

[gonzalezchris]

@bd-arc I apologize for the delayed response, this fixed the issue, thanks a bunch!