React Native Animatable Versions Save

Standard set of easy to use animations and declarative transitions for React Native

v1.1.1

7 years ago
  • Fixes default value for scale* transforms.
  • Fixes start value of margin* & padding* when mixing generic and directional values.
  • Fixes bug where regular animations would not create interaction handle.
  • Fixes a bug where transition() & transitionTo() would not respect the useNativeDriver prop.
  • Adds support for tintColor.

v1.1.0

7 years ago
  • Custom easing functions are now supported on both transitions and animations.
  • Added a bunch of new standard built in easing functions.
  • Fixed a regression where setting easing via prop didn't work for animations.

v1.0.0

7 years ago

Yay new features!

  • Custom animations!
  • Natively driven animations!

And:

  • Fixes bug when using transforms in imperative transitionTo().
  • Fixes warning about unsupported prop types.
  • Fixes layout animations on web.

Breaking Changes There's quite a few breaking changes although I expect most use cases will continue to work as before or slightly improved.

  • Made easing functions mirror the CSS spec instead of using the predefined React Native core ones.
  • Default easing function is now ease (previously ease-in-out).
  • slide, fade, wobble, lightSpeed animations now use fixed values for translation instead of view size.
  • Some animations that previously accepted arguments besides duration doesn't anymore.

v0.6.1

8 years ago
  • Fixes regression in shake animation.
  • Adds rotate animation.

v0.6.0

8 years ago
  • Refactored to ES2016.
  • Breaking change: Removed backwards support for transitionValue prop.
  • Breaking change: Splits imports between React and React Native to fix warnings in RN 0.25.
  • Breaking change: With ES2016 the import statement has changed to: import * as Animatable from 'react-native-animatable'

v0.5.2

8 years ago
  • Fixes bug where onAnimationEnd was never triggered when iterationCount is greater than 1.

v0.5.1

8 years ago
  • Fixes bug in transitionTo() causing it to throw if not accompanied with a transition prop.
  • Fixes strange whitespace characters causing flow to not properly function.

v0.5.0

8 years ago

Breaking change:

  • Promises are no longer rejected when they are cancelled. This is because React Native now will show a red screen for any unhandled rejected promise by default. To determine wether the animation was cancelled or completed, use the returned endState object; this.refs.view.bounce(800).then((endState) => console.log(endState.finished ? 'bounce finished' : 'bounce cancelled'))

Other changes:

  • Adds onAnimationBegin prop.
  • Removes react-native from peer dependencies, make sure your application has this as an explicit dependency.
  • Fixes bug where slide animations would throw errors.

v0.4.1

8 years ago
  • Adds onAnimationEnd prop.
  • Animations now return promises.

v0.4.0

8 years ago
  • transition now supports multiple values, just use an array instead of a string: transition={['fontSize', 'color']}
  • transitionValue is deprecated, use style prop instead: style={{fontSize: this.state.fontSize}} or style={someCondition ? styles.whenCondition : styles.whenNot}.
  • StyleSheet.flatten is now required for transition, just upgrade to RN 0.15 if it complains.
  • React Native 0.16 RC support.