https://github.com/software-mansion-labs/reanimated-bottom-sheet-video
https://github.com/software-mansion-labs/reanimated-bottom-sheet-video
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/software-mansion-labs/reanimated-bottom-sheet-video
- Owner: software-mansion-labs
- Created: 2023-05-24T10:51:47.000Z (about 2 years ago)
- Default Branch: start
- Last Pushed: 2023-07-27T14:00:56.000Z (almost 2 years ago)
- Last Synced: 2025-02-03T12:48:30.699Z (4 months ago)
- Language: JavaScript
- Size: 151 KB
- Stars: 29
- Watchers: 4
- Forks: 11
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎥 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](https://www.youtube.com/watch?v=lYYiuXcTnnE) video on Software Mansion's [YouTube channel](https://www.youtube.com/@SoftwareMansion).
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:
## Running the project
Clone the repository onto your computer:
```sh
git clone https://github.com/software-mansion-labs/reanimated-bottom-sheet-video.git
```
Checkout into the project folder:
```sh
cd reanimated-bottom-sheet-video
```
Install the packages with `yarn`:
```sh
yarn install
```
And, start the projectL:
```sh
yarn start
```
You may use your phone to test the app via [Expo Go](https://docs.expo.dev/get-started/expo-go/) app, or run the project locally using iOS simulator or Android emulator.