React Native animations library that makes using react-native animations API easy
Installation ️
- NPM
npm -i rnal --save- Yarn
yarn add rnalSimply usage
Fade
import { Fade } from "rnal";
export default class App extends Component<Props, State> {
render() {
return (
<View style={{flex:1}}>
<Fade >
<Image
source={require("./images/flowrs.jpg")}
height={200}
width={450}
style={{ width: 350, height: 200 }}
resizeMode="cover"
/>
</Fade>
</View>
);
}
}
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 . |