1- ## React Native animation library that makes using the animations easy 🚀
1+ ## React Native animations library that makes using react-native animations API easy 🚀
2+
23<img src="./images/Fade.gif"
34 alt="Markdown Monster icon"
45 width="150px"
56 height="300px"
67 style="float: left; margin-right: 5px; width:200px" />
7- <img src="./images/SlideUp.gif"
8+ <img src="./images/SlideUp.gif"
89 alt="Markdown Monster icon"
910 width="150px"
1011 height="300px"
1112 style="float: left; margin-right: 5px; width:200px" width="150px"
1213 height="300px" />
13- <img src="./images/infinite.gif"
14+ <img src="./images/infinite.gif"
1415 alt="Markdown Monster icon"
1516 width="150px"
1617 height="300px"
1718 style="float: left; margin-right: 5px; width:200px" />
18- <img src="./images/ZoomIn.gif"
19+ <img src="./images/ZoomIn.gif"
1920 alt="Markdown Monster icon"
2021 width="150px"
2122 height="300px"
2223 style="float: left; margin-right: 5px; width:200px" />
23- <img src="./images/SlideInRight.gif"
24+ <img src="./images/SlideInRight.gif"
2425 alt="Markdown Monster icon"
2526 width="150px"
2627 height="300px"
2728 style="float: left; margin-right: 5px; width:200px"/>
2829
2930# Installation ⚓️
31+
3032- NPM
33+
3134```
3235npm -i rnal --save
3336```
3437
3538- Yarn
39+
3640```
3741yarn add rnal
3842```
3943
4044# Simply usage 💪🏽 🙌
4145
42- ## 🎈 Fade 🎈
46+ ## 🎈 Fade 🎈
47+
4348```
4449import { Fade } from "rnal";
4550export default class App extends Component<Props, State> {
4651
4752 render() {
48-
53+
4954 return (
5055 <View style={{flex:1}}>
5156 <Fade >
@@ -65,14 +70,12 @@ export default class App extends Component<Props, State> {
6570
6671```
6772
73+ ## Options and props 🎁
6874
69- ## Options and props 🎁
70-
7175| Props | Value | Default | Description |
7276| --------- | ------- | ----------------- | --------------------------------------------------------------------------------------------- |
7377| duration | number | 300 | Play the audio track that matches the system language. If none match, play the first track. |
7478| startWhen | boolean | false | set when the animation should start, by default the animation start when the component mount. |
7579| infinite | boolean | false | Determine if the animation is infinite or just run once. |
7680| direction | string | 300 | specify the direction of the animation ex("toRight", "toLeft", "up","down). |
77- | sets | Object | ` {from:0,to:180} ` | set the point start and the end of the animation, used with ` Rotate ` animation . |
78-
81+ | sets | Object | ` {from:0,to:180} ` | set the point start and the end of the animation, used with ` Rotate ` animation . |
0 commit comments