GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → expo → React Apple Easing

expo / React Apple Easing

Licence: mit
Apple's default Core Animation easing functions for React

Programming Languages

javascript
184084 projects - #8 most used programming language

AppleEasing

AppleEasing exports easing functions that are configured to match Core Animation's timing functions. They are generally tasteful and probably make sense to use on both iOS and Android.

This library is currently supported only on React Native.

Bezier curves of Core Animation timing functions

Installation

npm install react-apple-easing

Usage

The easing functions can be used with any library that pass in the elapsed time and expect an eased value back. For example, with the Animated library you could write:

let AppleEasing = require('react-apple-easing');

new Animated.Value(0).timing({
  easing: AppleEasing.default,
  duration: 250,
}).start();

These are the supported easing functions:

Core Animation constant AppleEasing function
kCAMediaTimingFunctionLinear None
kCAMediaTimingFunctionEaseIn easeIn
kCAMediaTimingFunctionEaseOut easeOut
kCAMediaTimingFunctionEaseInEaseOut easeInOut
kCAMediaTimingFunctionDefault default

Note

This project is not affiliated with Apple, Inc.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].