Building a BottomSheet from scratch in React Native
92.1 هزار بار بازدید -
3 سال پیش
-
In this tutorial we’ll learn
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: https://www.reanimate.dev/
Source code: https://github.com/enzomanuelmangano/what-about-gestures/tree/main/01-bottom-sheet
Learn more about React Native: https://www.reactiive.io/
Support me on Patreon: https://www.patreon.com/reactiive 🤓
Follow me on Twitter: https://twitter.com/reactiive_
Animate with Reanimated Playlist: https://www.seevid.ir/fa/w/yz9E10Dq8Bg
What about gestures Playlist: https://www.seevid.ir/fa/w/xpT2shjX790
How to deal with interpolation: https://www.seevid.ir/fa/w/SqwpRr7kbnQ
Chapters:
https://www.seevid.ir/fa/w/KvRqsRwpwhY Introduction
https://www.seevid.ir/fa/w/KvRqsRwpwhY Setup
https://www.seevid.ir/fa/w/KvRqsRwpwhY Setup the Pan behaviour
https://www.seevid.ir/fa/w/KvRqsRwpwhY Interpolate the borderRadius
https://www.seevid.ir/fa/w/KvRqsRwpwhY Handling the on release gesture
https://www.seevid.ir/fa/w/KvRqsRwpwhY Controlling the BottomSheet from the button
https://www.seevid.ir/fa/w/KvRqsRwpwhY Let's pass the "children"
3 سال پیش
در تاریخ 1400/11/29 منتشر شده
است.
92,110
بـار بازدید شده