Icon animations for react-native compatible with oblador vector-icons
- Run:
$ npm i icon-animate-xxl
- In your Project:
import IconAnimate from "icon-animate-xxl"
import React from "react";
import {View} from "react-native";
import IconAnimate from "icon-animate-xxl"
export default function App() {
return (
<View>
<IconAnimate
name={"heart"}
color={"#f45"}
size={20}
animation={"explode"}
doppelganger={"heart-o"}
animation={"explode"}
/>
</View>
);
}
});
You can build your animated icon with these props:
Prop | Description | Default |
---|---|---|
name |
Name of icon, use for exampleheart . |
None |
size |
Icon size. | 20` |
color |
Text and icon color, use iconStyle or nest a Text component if you need different colors. |
None |
animation |
write the different animation options. | "explode" |
doppelganger |
this is an animation effect for explode which shows a mirror effect of the icon like a doppelganger | None |
This project is licenced under the MIT License.
Any bundled fonts are copyright to their respective authors and mostly under MIT or SIL OFL.y bundled fonts are copyright to their respective authors and mostly under MIT or SIL OFL.