savinvadim1312 / tinderclone Goto Github PK

Can you please provide some demo (pictures / gifs / video) how it looks on the phone?

I made card in my project scrollable using a ScrollView. However, I am experiencing an issue where, after scrolling the view slightly and then swiping the card, the second card starts from the same position as the first card. This issue affects the smoothness and functionality of the card swipe interaction. Any help or suggestions to resolve this problem.
I have tried using useRef and scrolling back to 0, but the issue persists because it only gets resolved after rendering is complete.
My code sample: https://gist.github.com/kedarshenoy/cbc3097ec41706b0c19c58dd3523d567

I've implemented the code in a Expo managed project,

"expo": "~46.0.16",
"react": "18.0.0",
"react-native": "0.69.6",
"react-native-gesture-handler": "~2.5.0",
"react-native-reanimated": "~2.9.1",

When I swipe the card, it shows the next card and then glitched showing "a blink" of the swiped card...
Any ideas on how to solve it?

This is not the full code, only kind of two screens.