Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

react-navigation-fluid-transitions shared image flickers

I'm learning how to make beautiful animations with react native, and I have problems using the react-native-fluid-transitions library.

When I use shared elements with images, they flicker during transitions and only appear at the end of transition, does anyone had the same problem ? I didn't find someone with the same issue :/

Here's what it looks like :

Glitchy animation

And here's what it's supposed to look like :

Nice animation

The paper on the left transform perfectly, but the shoe blinks.

Here's the code (Not mine but exactly the same, even this one doesn't work) : https://snack.expo.io/@chrfalch/shoe-shop

And it's from this guide : https://medium.com/@christian.falch/react-native-animation-challenge-1-7022e48a226

Thanks for your help

like image 813
YanouHD Avatar asked May 22 '26 22:05

YanouHD


1 Answers

Finally fixed it with Expo.Asset.fromModule(require('./assets/air-jordan-1.png')).downloadAsync(); Now it's looking beautiful :)

like image 197
YanouHD Avatar answered May 25 '26 12:05

YanouHD