Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

use-layout-animation

0.0.1 • Public • Published

use-layout-animation

This module makes it easy to use React Native's LayoutAnimation with React Hooks. It triggers a layout animation whenever some values change. It is used similar to React's useEffect.

Installation

yarn add use-layout-animation

Usage

import { useLayoutAnimation } from 'use-layout-animation';
 
function Component(props) {
    useLayoutAnimation([props.animateWhenThisPropChanges]);
    // ...
}

Advanced usage

function Component(props) {
    useLayoutAnimation(
        // props that trigger a layout animation when they change
        [props.animateWhenThisPropChanges, props.orWhenThisPropChanges],
        // LayoutAnimationConfig
        // For reference, see all available presets here:
        // https://facebook.github.io/react-native/docs/layoutanimation#presets
        LayoutAnimation.Presets.spring,
        // Callback when animations end
        () => alert('layout animation done'),
    );
}

Keywords

none

Install

npm i use-layout-animation

DownloadsWeekly Downloads

101

Version

0.0.1

License

none

Unpacked Size

2.13 MB

Total Files

697

Last publish

Collaborators

  • avatar