The basics of PanGestureHandler with React Native Reanimated 2
47.1 هزار بار بازدید -
3 سال پیش
-
In this tutorial we’ll learn
In this tutorial we’ll learn the basics of the PanGestureHandler component (from react-native-gesture-handler package). We will also play around with some animations thanks to Reanimated 2.
To enhance the learning experience I based this tutorial on building a nice animation with a square and a circle.
My React Native animations course: https://www.reanimate.dev
Written article: https://www.reactiive.io/articles/pan...
Support me on Patreon: Patreon: reactiive 🤓
Follow me on Twitter: Twitter: reactiive_
Source code: https://github.com/enzomanuelmangano/...
The main concepts we'll explore are:
- PanGestureHandler
- Shared Values
- useAnimatedGestureHandler hook
- withSpring
Introduction to Reanimated 2: Introduction to React Native Reanimat...
If you like this tutorial, don't forget to subscribe to the channel :)
Chapters:
00:00 Introduction
00:44 Setup workspace
02:33 Let's define our PanGestureHandler
07:00 How to deal with "Context"?
11:07 Dealing with Spring animation
12:34 The magical circle
To enhance the learning experience I based this tutorial on building a nice animation with a square and a circle.
My React Native animations course: https://www.reanimate.dev
Written article: https://www.reactiive.io/articles/pan...
Support me on Patreon: Patreon: reactiive 🤓
Follow me on Twitter: Twitter: reactiive_
Source code: https://github.com/enzomanuelmangano/...
The main concepts we'll explore are:
- PanGestureHandler
- Shared Values
- useAnimatedGestureHandler hook
- withSpring
Introduction to Reanimated 2: Introduction to React Native Reanimat...
If you like this tutorial, don't forget to subscribe to the channel :)
Chapters:
00:00 Introduction
00:44 Setup workspace
02:33 Let's define our PanGestureHandler
07:00 How to deal with "Context"?
11:07 Dealing with Spring animation
12:34 The magical circle
3 سال پیش
در تاریخ 1400/02/21 منتشر شده
است.
47,101
بـار بازدید شده