Feed
Pro
Search

Author

Write
Drafts

Bug0 - The AI-native e2e QA regression testing Bug0 Browsers - Cloud Chromium on demand, per-minute, live preview Passmark - The open-source AI framework for regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap
Sign in

Search Hashnode

Search posts, tags, users, and pages

FeedDiscussion

Shad Mirza

Building Hashnode

Nov 10, 2020

React Native Animation using Hooks: Tinder Cards

Hello everyone, We are back with some React Native Animation, and this time we are building Tinder Cards using Hooks. We will build a deck of cards featuring cute animals where you can swipe left or right. And finally, we will decouple the whole logi...

iamshadmirza.hashnode.dev17 min read

#react-native #reactjs #css-animation #beginners #react-hook-1

Responses(3)

Ajay Bisht

Sep 7, 2022

I am new in react-native and i want to show three cards together like a stack view how can i achieve this? Please help

You can put them in FlatList, and give absolute position to all cards. It will make put them on top of each other like a stack.

Then you can add elevation and zIndex to control which card appears on top.

Shad Mirza

Building Hashnode

Sep 8, 2022

Luís Gustavo

Louiss

May 21, 2021

Thanks fot the post, helped me a lot

But, now i need create the logical card swiper, using my backend, but, i do not know how i send my item.id to my function handleRightDecay() for example, please help me.

Luís Gustavo

Louiss

May 23, 2021

Hi guys, i resolve this problem, creating a global variable, and a function that replaces the value of that variable by calling it inside my animated.view with onChange: D