React-native-snap-carousel: Android loop stop at last item while scroll

Created on 3 Jun 2019 · 25Comments · Source: meliorence/react-native-snap-carousel

Is this a bug report, a feature request, or a question?

a bug report

Have you followed the required steps before opening a bug report?

(Check the step you've followed - put an x character between the square brackets ([]).)

[x] I have read the guidelines regarding bug report.
[x] I have reviewed the documentation in its entirety, including the dedicated documentations :books:.
[x] I have searched for existing issues and made sure that the problem hasn't already been reported.
[x] I am using the latest plugin version.
[x] I am following the issue template closely in order to produce a useful bug report.

Have you made sure that it wasn't a React Native bug?

Is the bug specific to iOS or Android? Or can it be reproduced on both platforms?

not sure , only tested in android

Is the bug reproductible in a production environment (not a debug one)?

yes

Environment

Environment:
React: 16.8.3
React native: 0.59.8
react-native-snap-carousel: 3.8.0

Target Platform:
Android (8.1/9.0)

Expected Behavior

loop all the way

Actual Behavior

https://youtu.be/hp_bmguntpU

Reproducible Demo

https://snack.expo.io/H1C69zzRV

Source

cani1see

👍3

All 25 comments

Hi @cani1see,

Does it work if you swipe "slowly"? Because the loop dynamic might require a short idle time.

Also, note that this plugin isn't your best option if you intend to display fullscreen slides. See this if you want more info.

bd-arc on 3 Jun 2019

I also encounter this issue on Android. I used the example code and use 'stack' layout. I cannot continue scrolling at the last item :( loop doesn't work
Jun-04-2019 14-11-28

ttdat89 on 4 Jun 2019

@bd-arc slowly or not, it will come up.
actually I want to do the scale effect, and I asked a question about style.
https://github.com/archriss/react-native-snap-carousel/issues/526

cani1see on 5 Jun 2019

Had the same problem when testing out this package, this prop seems to "fix" this issue:

loopClonesPerSide={2}

This definitely seems like a bug on Android however.

odesey on 13 Jun 2019

👎1

Do you have any update? I have same issue

minhchienwikipedia on 21 Jun 2019

Same issue.

ovidius72 on 21 Jun 2019

Same issue too.

When scroll to left, it works well. However, when scroll to right, it encounts an end and doesn't scroll any more.

May be there is a problem when check whether it encounts the end or start.

My code is like below

      <Carousel
            data={this.state.items}
            keyExtractor = { (item, index) => index.toString() }
            renderItem={({item, index})=> {
                   this._renderItem(item, index)
             }} 
            loop={true}
            loopClonesPerSide = {4}
            autoplay = {true}
            autoplayInterval = {8000}
            horizontal ={ true }
            sliderWidth={ width }
            itemWidth  ={ slideWidth + paddingX }
            activeSlideAlignment={'start'}
            layout={'default'}
            enableEmptySections = {false}
            showsHorizontalScrollIndicator = {false}
            showsVerticalScrollIndicator={false}
            inactiveSlideScale = {1}
            inactiveSlideOpacity = {1}
            removeClippedSubviews={false}
            onSnapToItem={(index) => this.setState({ activeSlide: index }) }
      ></Carousel>

saigyouyou on 25 Jun 2019

👀2

Same issue.

wenkangzhou on 27 Jun 2019

When I use phone ,it works ,but not works in emulator

hejun041 on 28 Jun 2019

😕2

same issue until now. Is there an update about this issue?

RickameCua on 11 Jul 2019

there have any update i have the same issue
React: 16.8.4
React native: 0.59.10
react-native-snap-carousel: 3.8.0

fangasvsass on 18 Sep 2019

Same here!
Is there an update about this issue?

Foskas on 18 Sep 2019

Same problem here!! This issue needs attention

Thyoity on 20 Sep 2019

Can one of you guys tell me if the bug occurs with version 3.7.5 of the plugin?

bd-arc on 20 Sep 2019

Just downgraded. The problem happens in the version 3.7.5 too

Thyoity on 20 Sep 2019

I am using version 3.7.5 too. This issue happened :(

SDxBacon on 1 Oct 2019

I have this issue too, I noticed it works perfect if you scroll fast. If you do it slowly you will reach the end of the loop. Not sure why but just reporting my observations.