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

Flickering on RN 0.64

Open SergiOnGit opened this issue 3 years ago • 18 comments

Just test it on RN 0.64. enableSnap={true} not working good anymore. Test and you will understand.

SergiOnGit avatar Apr 20 '21 19:04 SergiOnGit

I don't think this library is maintained anymore. Please I would like if anyone can point me to a library that does the stack animation provided by this library. Thank you!

papidb avatar Apr 24 '21 16:04 papidb

I am only experiencing this issue on Android.

jfbn avatar May 05 '21 13:05 jfbn

I don't think this library is maintained anymore. Please I would like if anyone can point me to a library that does the stack animation provided by this library. Thank you!

What makes you think this? I see that the last update was February 11.

jfbn avatar May 05 '21 13:05 jfbn

Yes, getting this same issue on android. The snapping is not working.

Saad-Bashar avatar May 07 '21 03:05 Saad-Bashar

@jfbn, @SergiOnGit , did you figure out the issue, or still experiencing the same? Please let me know.

Saad-Bashar avatar May 07 '21 03:05 Saad-Bashar

@jfbn, @SergiOnGit , did you figure out the issue, or still experiencing the same? Please let me know.

Still having the issue.

jfbn avatar May 07 '21 05:05 jfbn

@Saad-Bashar It's not fixed yet. I switched to v4.0.0-beta.6 it works much better.

SergiOnGit avatar May 07 '21 08:05 SergiOnGit

But the thing that plugin author isn't appearing makes me think that development is over.

SergiOnGit avatar May 07 '21 08:05 SergiOnGit

@Saad-Bashar It's not fixed yet. I switched to v4.0.0-beta.6 it works much better.

By better do you mean that the snapping issue is fixed totally?

Saad-Bashar avatar May 07 '21 10:05 Saad-Bashar

@Saad-Bashar Yes it is fixed. Just try.

SergiOnGit avatar May 09 '21 09:05 SergiOnGit

I switched to v4.0.0 it works much better.

huang-ju avatar May 18 '21 03:05 huang-ju

removeClippedSubviews={false}可以解决这个问题,通过这个swiper库https://github.com/leecade/react-native-swiper/issues/1232

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

ss2012 avatar Jun 07 '21 08:06 ss2012

@ss2012 Checked and it hasn't changed anything.

SergiOnGit avatar Jul 07 '21 20:07 SergiOnGit

Try to activate momentum by adding enableMomentum to the component. (worked for me).

appli-intramuros avatar Jul 07 '21 22:07 appli-intramuros

@appli-intramuros enableMomentum makes a bad animation, it is something like a slow motion. I better stay at version 4.

SergiOnGit avatar Jul 08 '21 17:07 SergiOnGit

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

@zwh1666258377 I'll try your module. It looks good and you shouldn't stop working on it.

SergiOnGit avatar Oct 08 '21 07:10 SergiOnGit

v4.0.0 has a small issue, which is a 300-400ms delay on the onSnapToItem callback. however, it beats the flicker on Android.

I used a stable version for iOS in my React Native app, and the beta for Android, in package.json like so:

...
"react-native-snap-carousel-beta": "npm:react-native-snap-carousel@^4.0.0-beta.6",
"react-native-snap-carousel-stable": "npm:react-native-snap-carousel@^3.9.1",
...

Then you'll have to require each version to include in jsx (warning: they're not type-safe).

const CarouselStable = require('react-native-snap-carousel-stable').default;
const CarouselBeta = require('react-native-snap-carousel-beta').default;

Hope this helps someone else achieve the proper UX!

therealjmj avatar Dec 01 '21 01:12 therealjmj