react-native-animation-layout

0.0.13 • Public • Published
React Native Animation Layout

Custom & Ready to GO partially customizable Animation Layouts for React Native.

npm version npm Platform - Android and iOS License: MIT styled with prettier

React Native Animation Layout

Installation

Add the dependency:

React Native:

npm i react-native-animation-layout

Peer Dependencies

IMPORTANT! You need install them.
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",

Basic Usage

import { CustomLayoutSpring } from "react-native-animation-layout";
 
// Simpliest way of adding the layout animation
componentWillUpdate() {         
  LayoutAnimation.configureNext(CustomLayoutSpring());  
}
 
 OR
 
// Put this code where you need to update your list or component
LayoutAnimation.configureNext(CustomLayoutSpring());
 

Configuration - Props

CustomLayoutSpring:

Property Type Default Description
duration number 700 change the animation duration as millisecond
springDamping number 13 change the font size

CustomLayoutLinear :

Property Type Default Description
duration number 700 change the animation duration as millisecond

ToDos

  • LICENSE
  • Write an article about the lib on Medium

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Animation Layout Library is available under the MIT license. See the LICENSE file for more info.

/react-native-animation-layout/

    Package Sidebar

    Install

    npm i react-native-animation-layout

    Weekly Downloads

    16

    Version

    0.0.13

    License

    MIT

    Unpacked Size

    9.48 kB

    Total Files

    9

    Last publish

    Collaborators

    • freakycoder