1.0.4 • Published 4 years ago

@sercanuste/rnal v1.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

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<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 🎁

PropsValueDefaultDescription
durationnumber300Play the audio track that matches the system language. If none match, play the first track.
startWhenbooleanfalseset when the animation should start, by default the animation start when the component mount.
infinitebooleanfalseDetermine if the animation is infinite or just run once.
directionstring300specify the direction of the animation ex("toRight", "toLeft", "up","down).
setsObject{from:0,to:180}set the point start and the end of the animation, used with Rotate animation .