From ccec4e850aae0eb14a06074b444d00b1366f643a Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Fri, 14 Jul 2017 17:53:00 +0000 Subject: [PATCH] Updated docs for next --- blog/2017/02/14/using-native-driver-for-animated.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blog/2017/02/14/using-native-driver-for-animated.html b/blog/2017/02/14/using-native-driver-for-animated.html index f6f62120d63..272a197f46e 100644 --- a/blog/2017/02/14/using-native-driver-for-animated.html +++ b/blog/2017/02/14/using-native-driver-for-animated.html @@ -39,7 +39,7 @@ NativeAnimatedModule.)} > {content} -</Animated.ScrollView>

Caveats #

Not everything you can do with Animated is currently supported in Native Animated. The main limitation is that you can only animate non-layout properties, things like transform, opacity and backgroundColor will work but flexbox and position properties won't. Another one is with Animated.event, it will only work with direct events and not bubbling events. This means it does not work with PanResponder but does work with things like ScrollView#onScroll.

Native Animated has also been part of React Native for quite a while but has never been documented because it was considered experimental. Because of that make sure you are using a recent version (0.40+) of React Native if you want to use this feature.

Resources #

For more information about animated I recommend watching this talk by Christopher Chedeau.

If you want a deep dive into animations and how offloading them to native can improve user experience there is also this talk by Krzysztof Magiera.