How to Make a Bottom Sheet with React Native Reanimated

Software Mansion July 27, 2023
Video Thumbnail
Software Mansion Logo

Software Mansion

@softwaremansion

About

We are Software Mansion and we build outstanding things.

Video Description

Watch our step-by-step tutorial on creating a dynamic bottom sheet with React Native Reanimated! If you're a React Native developer seeking to make the user experience in your mobile app pop up – look no more! We'll teach you how to implement a bottom sheet similar to popular messaging apps. To follow along you can clone the repository and follow the instructions available in the README 👉 https://github.com/software-mansion-labs/reanimated-bottom-sheet-video 0:00 Intro 0:20 Project overview 1:14 Start implementing bottom sheet 1:24 Adding Layout Animations 2:45 Adding gestures 5:24 runOnJS explained 6:11 Finishing bottom sheet 6:41 Animating colors 8:54 Outro Kudos to Kacper Kapuściak for making this tutorial. If you'd like to learn more React Native tips, don't forget to follow: 🐦 Kacper on Twitter: https://twitter.com/kacperkapusciak 🐦 Software Mansion on Twitter: https://twitter.com/swmansion #reanimated #reactnative #programming #mobileappsdevelopment #mobileapps #reactnativetutorial Music: Cinematic HipHop 001 by Sascha Ende Free download: https://filmmusic.io/song/526-cinematic-hiphop-001 License (CC BY 4.0): https://filmmusic.io/standard-license

No Recommendations Found

No products were found for the selected channel.