From 1bb323e256bb6ad7b9f757368e69cf682f71d7ac Mon Sep 17 00:00:00 2001 From: Adam Miskiewicz Date: Fri, 28 Oct 2016 17:57:31 -0700 Subject: [PATCH] Use native animations in TouchableBounce and TouchableOpacity Summary: Now that native animations for opacity and springs have landed in both iOS and Android, we can enable native animations both for TouchableBounce and TouchableOpacity. Closes https://github.com/facebook/react-native/pull/10583 Differential Revision: D4099819 Pulled By: lacker fbshipit-source-id: 247d7bff9a778e520af764f571caf6286b4a5749 --- Libraries/Components/Touchable/TouchableBounce.js | 1 + Libraries/Components/Touchable/TouchableOpacity.js | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/Libraries/Components/Touchable/TouchableBounce.js b/Libraries/Components/Touchable/TouchableBounce.js index 881713344..eadcd3981 100644 --- a/Libraries/Components/Touchable/TouchableBounce.js +++ b/Libraries/Components/Touchable/TouchableBounce.js @@ -88,6 +88,7 @@ var TouchableBounce = React.createClass({ toValue: value, velocity, bounciness, + useNativeDriver: true, }).start(callback); }, diff --git a/Libraries/Components/Touchable/TouchableOpacity.js b/Libraries/Components/Touchable/TouchableOpacity.js index dba277297..cbad6a89b 100644 --- a/Libraries/Components/Touchable/TouchableOpacity.js +++ b/Libraries/Components/Touchable/TouchableOpacity.js @@ -87,7 +87,7 @@ var TouchableOpacity = React.createClass({ setOpacityTo: function(value: number) { Animated.timing( this.state.anim, - {toValue: value, duration: 150} + {toValue: value, duration: 150, useNativeDriver: true} ).start(); },