Skip to content

Commit bfa46a0

Browse files
committed
deploy
1 parent 3aa0611 commit bfa46a0

File tree

2 files changed

+15
-12
lines changed

2 files changed

+15
-12
lines changed

README.md

Lines changed: 14 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,56 @@
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
```
3235
npm -i rnal --save
3336
```
3437

3538
- Yarn
39+
3640
```
3741
yarn add rnal
3842
```
3943

4044
# Simply usage 💪🏽 🙌
4145

42-
## 🎈 Fade 🎈
46+
## 🎈 Fade 🎈
47+
4348
```
4449
import { Fade } from "rnal";
4550
export 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 . |

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "rnal",
3-
"version": "0.1.0",
3+
"version": "0.2.1",
44
"description": "Small animation library for react-native'",
55
"main": "index.js",
66
"scripts": {

0 commit comments

Comments
 (0)