Merge pull request #2 from fohletex/fix-useNativeDriver-warning

Add option to useNativeDriver; defaults to false

Author: shobhitsinghal624

ActionButton.js

@@ -20,6 +20,7 @@ import {
 const ActionButton = props => {
   const [, setResetToken] = useState(props.resetToken);
   const [active, setActive] = useState(props.active);
+  const useNativeDriver = props.useNativeDriver || false;
   const anim = useRef(new Animated.Value(props.active ? 1 : 0));
   const timeout = useRef(null);
   const mounted = useRef(false);
@@ -35,13 +36,13 @@ const ActionButton = props => {
 
   useEffect(() => {
     if (props.active) {
-      Animated.spring(anim.current, { toValue: 1 }).start();
+      Animated.spring(anim.current, { toValue: 1, useNativeDriver }).start();
       setActive(true);
       setResetToken(props.resetToken);
     } else {
       props.onReset && props.onReset();
 
-      Animated.spring(anim.current, { toValue: 0 }).start();
+      Animated.spring(anim.current, { toValue: 0, useNativeDriver }).start();
       timeout.current = setTimeout(() => {
         setActive(false);
         setResetToken(props.resetToken);
@@ -254,7 +255,7 @@ const ActionButton = props => {
     if (active) return reset(animate);
 
     if (animate) {
-      Animated.spring(anim.current, { toValue: 1 }).start();
+      Animated.spring(anim.current, { toValue: 1, useNativeDriver }).start();
     } else {
       anim.current.setValue(1);
     }
@@ -266,7 +267,7 @@ const ActionButton = props => {
     if (props.onReset) props.onReset();
 
     if (animate) {
-      Animated.spring(anim.current, { toValue: 0 }).start();
+      Animated.spring(anim.current, { toValue: 0, useNativeDriver }).start();
     } else {
       anim.current.setValue(0);
     }

index.d.ts

@@ -36,6 +36,7 @@ export interface ActionButtonProperties extends ViewProperties {
   activeOpacity?: number,
 
   useNativeFeedback?: boolean,
+  useNativeDriver?: boolean,
   fixNativeFeedbackRadius?: boolean,
   nativeFeedbackRippleColor?: string
 }