https://github.com/ullaskunder3/demo-rn-reanimated-gallery

https://github.com/ullaskunder3/demo-rn-reanimated-gallery

Last synced: 10 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ullaskunder3/demo-rn-reanimated-gallery
• Owner: ullaskunder3
• Created: 2025-05-23T14:32:21.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-23T14:48:01.000Z (about 1 year ago)
• Last Synced: 2025-06-20T19:54:19.150Z (12 months ago)
• Language: TypeScript
• Size: 253 KB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Native Reanimated Gallery Example

A simple React Native gallery carousel built with `react-native-reanimated`.

| Gallery Scroll Animation | Active Item Zoom & Rotate |

|-------------------------|--------------------------|

| ![Gallery Scroll](https://github.com/user-attachments/assets/9adf78d7-316c-4685-bdd7-dad91ef7774c) | ![Active Item Zoom](https://github.com/user-attachments/assets/26bd5328-9535-43d3-9eab-915450b7c306) |

## Features

- Horizontal scroll with active item scaling and rotation

- Background fades between images

- Uses `Animated.FlatList` and animated styles

## How to run

1. Clone the repo

2. Install dependencies:

```bash

npm install

# or

yarn install

```

## Run on iOS or Android simulator/device:

```bash

npm run ios

# or

npm run android

```

## About

This project is a learning example to practice Reanimated animations and gesture-driven UI in React Native.

## Tribute

This React Native Reanimated gallery example is inspired by and built with guidance from [Catalin Miron](https://www.youtube.com/@CatalinMironDev).  

Thank you, Catalin, for your clear tutorials and valuable insights!