Building a BottomSheet from scratch in React Native
In this tutorial, we’ll learn how to create from scratch a BottomSheet component by using the reanimated and the react-native-gesture-handler packages.
My React Native animations course: https://reanimate.dev
Shared 100+ Animations on Demos: https://reactiive.io/demos
Twitter: / reactiive_
Source code: https://github.com/enzomanuelmangano/...
Animate with Reanimated Playlist: • Introduction to React Native Reanimated 2
What about gestures Playlist: • Introduction to Gesture Handler 2 (React ...
How to deal with interpolation: • Interpolate with ScrollView like a pro (Re...
Chapters:
00:00 Introduction
00:45 Setup
05:52 Setup the Pan behavior
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"