GSAP on React Native Demo
Objective-C JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
GSAPDemo updating code style May 22, 2015
gif gif May 22, 2015
README.md Update README.md Jun 1, 2015

README.md

GSAP on React Native!

This is a demo showing basic usage of GSAP's TweenMax and TimelineMax in React Native by simply tweening state using HZDG's awesome gsap-react-plugin.

animation

A few notes:

  • This uses my fork of GreenSock-JS (https://github.com/skevy/GreenSock-JS/tree/node-compat), in order to play nice with the fact that React Native doesn't have "document" defined.
  • gsap-react-plugin handles tweening the state, while React Native itself has already polyfilled requestAnimationFrame (which uses React Native's optimized RCTTimer)

Future Work

This is not the end-all-be-all of React Native animation, and has not been extensively tested more than just a few proof's of concept and with simple animations.

Looking to the future of using GSAP with React Native, a plugin could be written to directly tween using React Native's setNativeProps, which would avoid a full render pass, as @sahrens recommends here.