React Native Custom Drawer Animation

Run on your device

Snack: https://snack.expo.io/@catalinmiron/react-native-svg-drawer-animation

Youtube tutorial

In this tutorial we will build an custom drawer in React Native using SVG, Masked View and vanilla Animated API from React Native. We will go through how to animate a Polygon in React Native, how to animate the inner content of the drawer and how the React Native MaskedView is working.

• Inspiration: https://dribbble.com/shots/4275765-Realweb-3
• SourceCode: http://github.com/catalinmiron/react-native-custom-drawer-animation

---

• React Native Masked view: https://github.com/react-native-community/react-native-masked-view
• React Native SVG: https://github.com/react-native-community/react-native-svg
• React Native vector icons: https://github.com/oblador/react-native-vector-icons
• Expo: https://expo.io/

Want to support me?

• BuyMeACoffee: https://www.buymeacoffee.com/catalinmiron
• Paypal: https://paypal.me/catalinmiron

You can find me on:

• Github: http://github.com/catalinmiron
• Twitter: http://twitter.com/mironcatalin
• Website: http://batman.codes