Meet npm Pro: unlimited public & private packages + package-based permissions.Learn more »

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.

Install

npm i react-native-animation-layout

DownloadsWeekly Downloads

15

Version

0.0.13

License

MIT

Unpacked Size

9.48 kB

Total Files

9

Last publish

Collaborators

  • avatar