🎥 How to make a bottom sheet with React Native Reanimated

This repository contains the source code of a project used in the How to make a bottom sheet with React Native Reanimated video on Software Mansion's YouTube channel.

You can use this code to follow along the video or compare your code with the final solution.

How to use

The repository contains two branches: start, and final.

  • start is the starting point of the project that you can follow along.
  • final is the final result of the video. If you ever get stuck, or you just want to skip to the code, you can check how the final effect there.

You can switch between branches on GitHub with the button in the top left corner of this page:

Screenshot 2023-07-07 at 11 41 33

Running the project

Clone the repository onto your computer:

git clone https://github.com/software-mansion-labs/reanimated-bottom-sheet-video.git

Checkout into the project folder:

cd reanimated-bottom-sheet-video

Install the packages with yarn:

yarn install

And, start the projectL:

yarn start

You may use your phone to test the app via Expo Go app, or run the project locally using iOS simulator or Android emulator.