react-native-instagram-post-ui

An attempt to recreate the instagram feed post item UI in react-native with react-native-reanimated animations.

Features

1. ❤️ Double Tap to Like

Simulator.Screen.Recording.-.iPhone.15.-.2024-01-10.at.11.57.35.mp4

handle both single & double tap
scale with spring
rotate while scaling (currently it rotates after scaling)
rotation angle should be random
translate to top after scale & rotate

2. 🏷️ Show Tags on Single Tap

Simulator.Screen.Recording.-.iPhone.15.-.2024-01-10.at.17.34.25.mp4

show user icon at bottom left on single tap
show multiple user tags on single tap
animate tags & icon opacity
add arrow in tags component

Contributing

Note

The project was created with command npx create-expo-app@latest react-native-instagram-post-ui -e with-reanimated

Run yarn or npm install
Run yarn start or npm run start to try it out.

📝 Notes

react-native-reanimated docs