Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@gluestack-style/animation-resolver

madhavb23010070.5k1.0.4TypeScript support: included

A gluestack-style plugin for resolving animation properties, utilizing animation libraries.

react, native, react-native, animation, transition

readme

@gluestack-style/animation-resovler

Installation

To use @gluestack-style/animation-resovler, all you need to do is install the @gluestack-style/animation-resovler package:

$ yarn add @gluestack-style/animation-resovler

# or

$ npm i @gluestack-style/animation-resovler

Usage

In this example, we are creating a new instance of the AnimationResolver class, passing an object with the 'aliases' property as an argument. The aliases object maps the aliases :initial, :animate, and :exit to their corresponding animation props.

Example of creating a styled component:

Once the plugin is initialized, you can use the styled function to create styled components with animation props. Here's an example:

More guides on how to get started are available here.