In this tutorial we’ll learn how to create from scratch a BottomSheet component by using the reanimated and the react-native-gesture-handler package.
My React Native animations course: www.reanimate.dev
Source code: github.com/enzomanuelmangano/...
Learn more about React Native: www.reactiive.io
Support me on Patreon: / reactiive 🤓
Follow me on Twitter: / reactiive_
Animate with Reanimated Playlist: • Introduction to React ...
What about gestures Playlist: • Introduction to Gestur...
How to deal with interpolation: • Interpolate with Scrol...
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"
Негізгі бет Building a BottomSheet from scratch in React Native
Пікірлер: 210