SVG Masking in React Native and creating beautiful animations with React Native Reanimated, React Native Gesture Handler, React Native Svg and Native Base.
Please check the versions of the packages installed. There might be some changes/updates in the used functions based on the versions of the packages you are using.
Used Versions -
+ "native-base": "^3.4.19"
+ "react": "18.1.0"
+ "react-native": "0.70.4"
+ "react-native-gesture-handler": "^2.8.0"
+ "react-native-reanimated": "^2.12.0"
+ "react-native-svg": "12.1.1"
Github repo - github.com/Monisankarnath/Rea...
Please follow the video if you want the required animation as shown, there might be some changes in the github repo based on the commit time.
Timecodes
00:00 - Demo
00:23 - Level 1 - Volume Slider
11:45 - Level 2 - Volume Slider
20:40 - Level 3 - Final
#react #reactnative #reanimated