👋 Hello, in this video i will show you how to make a Range Slider with Labels in React Native using Reanimated 2 and Gesture Handler
Full Code - https://www.rakhawibowo.com/animation/range-slider
Reanimated 2 Docs - https://docs.swmansion.com/react-native-reanimated/
Gesture Handler Docs - https://docs.swmansion.com/react-native-gesture-handler/
Video Installing Reanimated 2 - https://youtu.be/ASDed35z89Y
Hey if you found this video helpful and if you want to support me, you can buy me a coffee from this link https://ko-fi.com/rakhawibowo
Chapters:
0:00 - Demo
0:16 - Installing Reanimated 2
0:57 - installing Gesture Handler
2:17 - Run the app
2:53 - Create Container Component
11:16 - Create Range Slider Component
20:39 - Animating the Thumbs
30:46 - Animating the Labels Opacity
33:49 - Animating the Slider
36:15 - Animating the Label Text Value
40:40 - Create onValueChange Function
44:35 - Thankyou
Music:
♪ This Is For You (Prod. by Lukrembo)
Link : https://youtu.be/GC0AhsnDMfc
Download
0 formats
No download links available.
React Native Custom Range Slider using Reanimated 2 From Scratch | NatokHD