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

Android - flickering last to first item (onSnapToItem setState)

Open andresarezo opened this issue 4 years ago • 18 comments

Hi, I notice that the carrousel is flickering in Android(last image to first one) when in onSnapToItem function the state has changed. Like: onSnapToItem={(index) => {
this.setState({activeDotIndex: index}); }} Similar issue like this pull request should be fix : https://github.com/meliorence/react-native-snap-carousel/pull/368

Please take a look.

Thanks

andresarezo avatar Jan 29 '21 18:01 andresarezo

i think we encounter the same problem,the last imag in Carousel is flickering when running android

Yoona6371 avatar Feb 01 '21 01:02 Yoona6371

Facing the same issue. I have 3 data and it's flickering the first image of every 3rd loop. For some devices, it's happening for every loop.

Balasnest avatar Feb 15 '21 14:02 Balasnest

+1

minh-dai avatar Mar 02 '21 11:03 minh-dai

Any solution?

karanbhatia507 avatar Mar 16 '21 06:03 karanbhatia507

@karanbhatia507 add props : itemWidth

minh-dai avatar Mar 16 '21 14:03 minh-dai

i have the same issue when swiping from last to first item and vice versa. I saw onSnapToItem() call 2 times when i did that. Any solution? "react-native-snap-carousel": "^3.9.1", "react-native": "0.60.6"

15110011 avatar Mar 23 '21 11:03 15110011

Hi, I'm facing the same issue. Any workaround?

viratkohli3797 avatar Apr 13 '21 17:04 viratkohli3797

Facing the same issue, warding here.

molimat avatar May 07 '21 14:05 molimat

removeClippedSubviews={false}可以解决这个问题,通过这个swiper库leecade/react-native-swiper#1232

的问题产生的灵感来源,Carousel有同样的属性,试验过可以解决

ss2012 avatar Jun 07 '21 08:06 ss2012

any update?

15110011 avatar Jun 30 '21 09:06 15110011

@15110011 add props : itemWidth

minh-dai avatar Jul 01 '21 01:07 minh-dai

@15110011 add props : itemWidth

i did but its still flickering

15110011 avatar Jul 26 '21 10:07 15110011

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 04:10 dohooo

removeClippedSubviews={false}可以解决这个问题,通过这个swiper库leecade/react-native-swiper#1232

的问题产生的灵感来源,Carousel有同样的属性,试验过可以解决

works for me

linxianxi avatar Apr 18 '22 09:04 linxianxi

removeClippedSubviews={false}可以解决这个问题,通过这个swiper库leecade/react-native-swiper#1232

的问题产生的灵感来源,Carousel有同样的属性,试验过可以解决

Works for me too! Thanks!

  • "react-native-snap-carousel": "^3.9.1",
  • "react-native": "0.64.2",

Warywise avatar Jun 17 '22 16:06 Warywise

add this line will fix the issue

removeClippedSubviews={false}

alisaya10 avatar Jun 29 '22 18:06 alisaya10