React-native-animatable: NativeAnimated ?

Created on 13 Aug 2016 · 8Comments · Source: oblador/react-native-animatable

Hey there !
I haven't been following the Animated API too closely, but from what I gathered looking at the RN repo, and correct me if I'm wrong, it looks like the API now has a native driver for each platform.

Maybe it's too soon, but react-native-animatable could probably take advantage of this. See useNativeDriver: true

Has anyone tested these new features ?

Source

kamek-pf

👍3

Most helpful comment

I'm afraid it's not yet ready for prime time, but I'm following this closely and hopefully soon it will be.

oblador on 21 Aug 2016

👍4

All 8 comments

I'm afraid it's not yet ready for prime time, but I'm following this closely and hopefully soon it will be.

oblador on 21 Aug 2016

👍4

Also looking forward to the possibility of this!

zibs on 7 Oct 2016

@zibs @kamek-pf @udfalkso @Roconda: Please test this PR out https://github.com/oblador/react-native-animatable/pull/67

oblador on 5 Nov 2016

@oblador I just pulled the PR and tried to make a simple animation native

<Animatable.View animation="fadeInDownBig" duration={500} useNativeDriver>

on android and get this:

E/unknown:React: Exception in native call from JS
                 com.facebook.react.bridge.JSApplicationIllegalArgumentException: Unsupported node type: transform
                     at com.facebook.react.animated.NativeAnimatedNodesManager.createAnimatedNode(NativeAnimatedNodesManager.java:82)
                     at com.facebook.react.animated.NativeAnimatedModule$2.execute(NativeAnimatedModule.java:188)
                     at com.facebook.react.animated.NativeAnimatedModule$1.doFrameGuarded(NativeAnimatedModule.java:110)
                     at com.facebook.react.uimanager.GuardedChoreographerFrameCallback.doFrame(GuardedChoreographerFrameCallback.java:32)
                     at com.facebook.react.uimanager.ReactChoreographer$ReactChoreographerDispatcher.doFrame(ReactChoreographer.java:131)
                     at android.view.Choreographer$CallbackRecord.run(Choreographer.java:872)
                     at android.view.Choreographer.doCallbacks(Choreographer.java:686)
                     at android.view.Choreographer.doFrame(Choreographer.java:618)
                     at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:860)
                     at android.os.Handler.handleCallback(Handler.java:751)
                     at android.os.Handler.dispatchMessage(Handler.java:95)
                     at android.os.Looper.loop(Looper.java:154)
                     at android.app.ActivityThread.main(ActivityThread.java:6119)
                     at java.lang.reflect.Method.invoke(Native Method)
                     at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
                     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)