From f3a50dd0afaaf91ea3417162285f99417e8592f5 Mon Sep 17 00:00:00 2001 From: Diego Lopez Date: Tue, 14 Jan 2020 12:38:37 +0000 Subject: [PATCH] Add explicit useNativeDriver to AnimatedCircularProgress --- src/AnimatedCircularProgress.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/AnimatedCircularProgress.js b/src/AnimatedCircularProgress.js index d57de9b..dc761f7 100644 --- a/src/AnimatedCircularProgress.js +++ b/src/AnimatedCircularProgress.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { Animated, AppState, Easing, View, ViewPropTypes } from 'react-native'; +import { Animated, Easing } from 'react-native'; import CircularProgress from './CircularProgress'; const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress); @@ -35,8 +35,10 @@ export default class AnimatedCircularProgress extends React.PureComponent { const toValue = toVal >= 0 ? toVal : this.props.fill; const duration = dur || this.props.duration; const easing = ease || this.props.easing; + const useNativeDriver = this.props.useNativeDriver; const anim = Animated.timing(this.state.fillAnimation, { + useNativeDriver, toValue, easing, duration, @@ -72,10 +74,12 @@ AnimatedCircularProgress.propTypes = { duration: PropTypes.number, easing: PropTypes.func, onAnimationComplete: PropTypes.func, + useNativeDriver: PropTypes.bool, }; AnimatedCircularProgress.defaultProps = { duration: 500, easing: Easing.out(Easing.ease), prefill: 0, + useNativeDriver: true, };