Just messing around with React Native animation
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.
__tests__ fun starting animation Jul 3, 2017
android
ios upgrade to latest RN version Aug 6, 2017
.babelrc fun starting animation Jul 3, 2017
.buckconfig
.flowconfig upgrade to latest RN version Aug 6, 2017
.gitattributes
.gitignore fun starting animation Jul 3, 2017
.watchmanconfig fun starting animation Jul 3, 2017
LICENSE Create LICENSE Aug 6, 2017
README.md
SinWave.js
app.json fun starting animation Jul 3, 2017
index.android.js for all my androids out there 🤖 Aug 6, 2017
index.ios.js functioning madness Aug 6, 2017
infinite_red.png fun starting animation Jul 3, 2017
jsconfig.json fun starting animation Jul 3, 2017
package.json upgrade to latest RN version Aug 6, 2017
wave.gif add gif Aug 6, 2017
yarn.lock

README.md

WaveFun

Just messing around with React Native animation. Hopefully some of the lessons shared in here will help someone else looking to mess with animation as well.

Update:

After watching Jason Brown's React Native animation videos (buy them here), I've fixed the wave animation to be much cleaner and simpler (but in a separate repo). Kudos to Jason for making such a great educational series.

obligatory gif

Things that are bad about the sine wave version here:

  • useNativeDriver: true should work for the sine wave, but it doesn't - issue #3. This is due to accessing a private variable that doesn't get updated in native. This is fixed in the alternate code base.
  • Sine doesn't keep shape over long periods of time due to not being actual Math.sin driven

These issues are significantly improved in the updated code... blog material?