search

meliorence / react-native-snap-carousel

Swiper/carousel component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and more. Compatible with Android & iOS.
BSD 3-Clause "New" or "Revised" License
10.37k stars 2.29k forks source link

Flickering on RN 0.64 #834

Open SergiOnGit opened 3 years ago

SergiOnGit commented 3 years ago

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

papidb commented 3 years ago

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!

jfbn commented 3 years ago

I am only experiencing this issue on Android.

jfbn commented 3 years ago

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.

Saad-Bashar commented 3 years ago

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

Saad-Bashar commented 3 years ago

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

jfbn commented 3 years ago

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

Still having the issue.

SergiOnGit commented 3 years ago

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

SergiOnGit commented 3 years ago

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

Saad-Bashar commented 3 years ago

@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?

SergiOnGit commented 3 years ago

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

huang-ju commented 3 years ago

I switched to v4.0.0 it works much better.

ss2012 commented 3 years ago

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

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

SergiOnGit commented 3 years ago

@ss2012 Checked and it hasn't changed anything.

appli-intramuros commented 3 years ago

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

SergiOnGit commented 3 years ago

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

dohooo commented 3 years ago

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

SergiOnGit commented 3 years ago

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

therealjmj commented 3 years ago

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!