https://github.com/hayanisaid/rnal

Animations library for react-native
https://github.com/hayanisaid/rnal

android animation-api animation-library animations animations-library ios javascript react react-native react-native-animation react-native-library reactjs transitions

Last synced: 5 days ago
JSON representation

Animations library for react-native

• Host: GitHub
• URL: https://github.com/hayanisaid/rnal
• Owner: hayanisaid
• License: mit
• Created: 2019-02-17T21:21:00.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T21:40:36.000Z (almost 2 years ago)
• Last Synced: 2024-10-29T22:53:57.475Z (16 days ago)
• Topics: android, animation-api, animation-library, animations, animations-library, ios, javascript, react, react-native, react-native-animation, react-native-library, reactjs, transitions
• Language: JavaScript
• Homepage:
• Size: 2.89 MB
• Stars: 68
• Watchers: 2
• Forks: 5
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
## react-native animations library (rnal) that makes using the animations easy 🚀



     

      

     

           

# Installation ⚓️

- NPM

```

npm -i rnal --save

```

- Yarn

```

yarn add rnal

```

# How to use it 👇

## 🎈 Fade  🎈

```

import { Fade } from "rnal";

export default class App extends Component {

  render() {

  

    return (

      

        

          

        

      

    );

  }

}

```

 ## Options and props 🎁

 

| Props     | Value   | Default           | Description                                                                                   |

| --------- | ------- | ----------------- | --------------------------------------------------------------------------------------------- |

| duration  | number  | 300               | Play the audio track that matches the system language. If none match, play the first track.   |

| startWhen | boolean | false             | set when the animation should start, by default the animation start when the component mount. |

| infinite  | boolean | false             | Determine if the animation is infinite or just run once.                                      |

| direction | string  | 300               | specify the direction of the animation ex("toRight", "toLeft", "up","down).                   |

| sets      | Object  | `{from:0,to:180}` | set the point start and the end  of the animation, used with `Rotate` animation .             |