Secret weapon how to promote your YouTube channel
Get Free YouTube Subscribers, Views and Likes

Building a BottomSheet from scratch in React Native

Follow
Reactiive

In this tutorial we’ll learn how to create from scratch a BottomSheet component by using the reanimated and the reactnativegesturehandler package.

My React Native animations course: https://www.reanimate.dev

Source code: https://github.com/enzomanuelmangano/...

Learn more about React Native: https://www.reactiive.io

Support me on Patreon:   / reactiive  
Follow me on Twitter:   / reactiive_  

Animate with Reanimated Playlist:    • Introduction to React Native Reanimat...  
What about gestures Playlist:    • Introduction to Gesture Handler 2  (R...  
How to deal with interpolation:    • Interpolate with ScrollView like a pr...  

Chapters:
00:00 Introduction
00:45 Setup
05:52 Setup the Pan behaviour
14:40 Interpolate the borderRadius
17:44 Handling the on release gesture
21:52 Controlling the BottomSheet from the button
29:52 Let's pass the "children"

posted by Siebzigersg