0.0.2 • Published 9 years ago

react-apple-easing v0.0.2

Weekly downloads
2
License
MIT
Repository
github
Last release
9 years ago

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.

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 constantAppleEasing function
kCAMediaTimingFunctionLinearNone
kCAMediaTimingFunctionEaseIneaseIn
kCAMediaTimingFunctionEaseOuteaseOut
kCAMediaTimingFunctionEaseInEaseOuteaseInOut
kCAMediaTimingFunctionDefaultdefault

Note

This project is not affiliated with Apple, Inc.