diff --git a/src/libs/useNativeDriver/index.js b/src/libs/useNativeDriver/index.js new file mode 100644 index 000000000000..33136544dba2 --- /dev/null +++ b/src/libs/useNativeDriver/index.js @@ -0,0 +1 @@ +export default false; diff --git a/src/libs/useNativeDriver/index.native.js b/src/libs/useNativeDriver/index.native.js new file mode 100644 index 000000000000..ff3177babdde --- /dev/null +++ b/src/libs/useNativeDriver/index.native.js @@ -0,0 +1 @@ +export default true; diff --git a/src/styles/animation/SpinningIndicatorAnimation.js b/src/styles/animation/SpinningIndicatorAnimation.js index a022376ec65d..29cc7d056fd4 100644 --- a/src/styles/animation/SpinningIndicatorAnimation.js +++ b/src/styles/animation/SpinningIndicatorAnimation.js @@ -1,4 +1,5 @@ import {Animated, Easing} from 'react-native'; +import useNativeDriver from '../../libs/useNativeDriver'; class SpinningIndicatorAnimation { constructor() { @@ -23,7 +24,9 @@ class SpinningIndicatorAnimation { duration: 2000, easing: Easing.linear, isInteraction: false, - useNativeDriver: true, + + // Animated.loop does not work with `useNativeDriver: true` on Web + useNativeDriver, }), ).start(); }