Theme picker micro-interaction
Leveraging the power of Math.cos and Math.sin functions alongside the advanced capabilities of Reanimated 3, this react native animation showcases a mesmerizing display of floral elegance. Each leaf of the animated flower gracefully spirals in a dynamically calculated motion, orchestrated by precise mathematical algorithms.
Written in TypeScript and designed as a reusable and highly customizable react native animated component, you can seamlessly integrate the Flower Animation/Theme Picker micro-interaction animation into your projects, leveraging specific parameters such as:
- `leafs` to define the number of leaves
- `size` to set the dimensions
- `duration` to control animation speed
- `initialActiveIndex` to highlight a default leaf,
- `gradients` to apply custom color gradients
- `onPress` for touch interactivity , triggering a callback with the index of the selected leaf.