react-native-snap-carousel icon indicating copy to clipboard operation
react-native-snap-carousel copied to clipboard

Android loop stop at last item while scroll

Open cani1see opened this issue 5 years ago • 29 comments

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 ([]).)

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

no

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

cani1see avatar Jun 03 '19 04:06 cani1see

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 avatar Jun 03 '19 10:06 bd-arc

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

ttdatt avatar Jun 04 '19 07:06 ttdatt

@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 avatar Jun 05 '19 02:06 cani1see

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 avatar Jun 12 '19 23:06 odesey

Do you have any update? I have same issue

minhchienwikipedia avatar Jun 21 '19 09:06 minhchienwikipedia

Same issue.

ovidius72 avatar Jun 21 '19 15:06 ovidius72

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 avatar Jun 25 '19 06:06 saigyouyou

Same issue.

wenkangzhou avatar Jun 27 '19 08:06 wenkangzhou

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

hejun041 avatar Jun 28 '19 02:06 hejun041

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

RickameCua avatar Jul 11 '19 02:07 RickameCua

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 avatar Sep 18 '19 06:09 fangasvsass

Same here! Is there an update about this issue?

Foskas avatar Sep 18 '19 12:09 Foskas

Same problem here!! This issue needs attention

Thyoity avatar Sep 20 '19 13:09 Thyoity

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

bd-arc avatar Sep 20 '19 13:09 bd-arc

Just downgraded. The problem happens in the version 3.7.5 too

Thyoity avatar Sep 20 '19 16:09 Thyoity

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

SDxBacon avatar Oct 01 '19 09:10 SDxBacon

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.

joshuakoh7 avatar Jan 12 '20 09:01 joshuakoh7

Anyone found a fix for this issue ?

Visakeswaran avatar Jan 14 '20 10:01 Visakeswaran

I use the version 3.8.4 and face the same issue. Anyone found a solution?

InvictusNightmares avatar Jan 20 '20 08:01 InvictusNightmares

same issue

Yaolegol avatar Jan 30 '20 08:01 Yaolegol

3.9.0 same issue.

FrankyLee-dev avatar May 08 '20 05:05 FrankyLee-dev

3.9.0 same issue.. Any updates on this issue ?

Leehee1on avatar May 08 '20 09:05 Leehee1on

Same issue with full width slides

nhan-tran-cxa avatar Jul 27 '20 06:07 nhan-tran-cxa

Same issue

Shubham1998Tiwari avatar Nov 23 '20 12:11 Shubham1998Tiwari

Same issue

chenshaxuanjing avatar Jan 12 '21 01:01 chenshaxuanjing

Sorry, please allow me to advertise for my open source library! ~ I think this library react-native-reanimated-carousel will solve your problem. It is a high performance and very simple component, complete with React-Native reanimated 2

dohooo avatar Oct 08 '21 05:10 dohooo

Same issues

JinleeJeong avatar Jan 10 '22 08:01 JinleeJeong

Same issues

littleQing avatar Aug 25 '22 10:08 littleQing

这是来自QQ邮箱的假期自动回复邮件。 您好,我最近正在休假中,无法亲自回复您的邮件。我将在假期结束后,尽快给您回复。

hejun041 avatar Oct 11 '22 07:10 hejun041