react-native-indicator - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

lib/loader/BreathingLoader.js

@@ -43,2 +43,3 @@ import React from 'react';
         duration: this.props.frequency,
+        useNativeDriver: false,
       }),
@@ -48,2 +49,3 @@ Animated.timing(this.state.scale, {
         duration: this.props.frequency,
+        useNativeDriver: false,
       }),
@@ -50,0 +52,0 @@ ]).start(() => {

lib/loader/BubblesLoader.js

@@ -54,4 +54,12 @@ import React from 'react';
     Animated.sequence([
-      Animated.timing(this.state.opacities[i], { toValue: 0.2, duration: 600 }),
-      Animated.timing(this.state.opacities[i], { toValue: 1, duration: 600 }),
+      Animated.timing(this.state.opacities[i], {
+        toValue: 0.2,
+        duration: 600,
+        useNativeDriver: false,
+      }),
+      Animated.timing(this.state.opacities[i], {
+        toValue: 1,
+        duration: 600,
+        useNativeDriver: false,
+      }),
     ]).start(() => {
@@ -58,0 +66,0 @@ !this.unmounted && this._animation(i);

lib/loader/CirclesLoader.js

@@ -54,4 +54,12 @@ import React from 'react';
     Animated.sequence([
-      Animated.timing(this.state.opacities[i], { toValue: 0.1, duration: 600 }),
-      Animated.timing(this.state.opacities[i], { toValue: 1, duration: 600 }),
+      Animated.timing(this.state.opacities[i], {
+        toValue: 0.1,
+        duration: 600,
+        useNativeDriver: false,
+      }),
+      Animated.timing(this.state.opacities[i], {
+        toValue: 1,
+        duration: 600,
+        useNativeDriver: false,
+      }),
     ]).start(() => {
@@ -58,0 +66,0 @@ !this.unmounted && this._animation(i);

lib/loader/CirclesRotationScaleLoader.js

@@ -48,2 +48,3 @@ import React from 'react';
         easing: Easing.linear,
+        useNativeDriver: false,
       }),
@@ -60,4 +61,8 @@ ]).start(() => {
     Animated.sequence([
-      Animated.timing(this.state.scales[i], { toValue: 1, duration: 1000 }),
-      Animated.timing(this.state.scales[i], { toValue: 0.05, duration: 1000 }),
+      Animated.timing(this.state.scales[i], { toValue: 1, duration: 1000, useNativeDriver: false }),
+      Animated.timing(this.state.scales[i], {
+        toValue: 0.05,
+        duration: 1000,
+        useNativeDriver: false,
+      }),
     ]).start(() => {
@@ -64,0 +69,0 @@ !this.unmounted && this._animationCircles(i);

lib/loader/ColorDotsLoader.js

@@ -81,2 +81,3 @@ import React, { Component } from 'react';
         easing: Easing.linear,
+        useNativeDriver: false,
       }),
@@ -86,2 +87,3 @@ Animated.timing(this.state.x, {
         duration: 0,
+        useNativeDriver: false,
       }),
@@ -92,2 +94,3 @@ Animated.timing(this.state.x, {
         easing: Easing.linear,
+        useNativeDriver: false,
       }),
@@ -97,2 +100,3 @@ Animated.timing(this.state.x, {
         duration: 0,
+        useNativeDriver: false,
       }),
@@ -103,2 +107,3 @@ Animated.timing(this.state.x, {
         easing: Easing.linear,
+        useNativeDriver: false,
       }),
@@ -105,0 +110,0 @@ ]).start(() => {

lib/loader/DotsLoader.js

@@ -40,2 +40,3 @@ import React from 'react';
           delay: (i + 1) * 200,
+          useNativeDriver: false,
         }),
@@ -46,2 +47,3 @@ Animated.timing(self.state.scales[i], {
           delay: 50,
+          useNativeDriver: false,
         }),
@@ -48,0 +50,0 @@ ]);

lib/loader/DoubleCircleLoader.js

@@ -42,4 +42,4 @@ import React from 'react';
     Animated.sequence([
-      Animated.timing(this.state.scales[i], { toValue: 1, duration: 1000 }),
-      Animated.timing(this.state.scales[i], { toValue: 0, duration: 1000 }),
+      Animated.timing(this.state.scales[i], { toValue: 1, duration: 1000, useNativeDriver: false }),
+      Animated.timing(this.state.scales[i], { toValue: 0, duration: 1000, useNativeDriver: false }),
     ]).start(() => {
@@ -46,0 +46,0 @@ !this.unmounted && this._animation(i);

lib/loader/EatBeanLoader.js

@@ -49,2 +49,3 @@ import React from 'react';
       duration: 1200,
+      useNativeDriver: false,
     }).start(() => {
@@ -51,0 +52,0 @@ if (!this.unmounted) {

lib/loader/LineDotsLoader.js

@@ -72,2 +72,3 @@ import React from 'react';
           delay: i * 50,
+          useNativeDriver: false,
         }),
@@ -78,2 +79,3 @@ Animated.timing(this.state.x[i], {
           delay: 300,
+          useNativeDriver: false,
         }),
@@ -84,2 +86,3 @@ Animated.timing(this.state.x[i], {
           delay: i * 50,
+          useNativeDriver: false,
         }),
@@ -86,0 +89,0 @@ ]).start(() => {

lib/loader/LinesLoader.js

@@ -52,2 +52,3 @@ import React from 'react';
           delay: i * 200,
+          useNativeDriver: false,
         }),
@@ -57,2 +58,3 @@ Animated.timing(self.state.heights[i], {
           duration: 400,
+          useNativeDriver: false,
         }),
@@ -59,0 +61,0 @@ ]);

lib/loader/MusicLoader.js

@@ -65,2 +65,3 @@ import React from 'react';
         duration: 500,
+        useNativeDriver: false,
       }),
@@ -70,2 +71,3 @@ Animated.timing(this.state.heights[i], {
         duration: 500,
+        useNativeDriver: false,
       }),
@@ -72,0 +74,0 @@ ]).start(() => {

lib/loader/NineCubesLoader.js

@@ -77,4 +77,10 @@ import React from 'react';
           delay: (i + 1) * 100,
+          useNativeDriver: false,
         }),
-        Animated.timing(self.state.scales[i], { toValue: 0, duration: 300, delay: 200 }),
+        Animated.timing(self.state.scales[i], {
+          toValue: 0,
+          duration: 300,
+          delay: 200,
+          useNativeDriver: false,
+        }),
       ]);
@@ -81,0 +87,0 @@ }

lib/loader/OpacityDotsLoader.js

@@ -58,2 +58,3 @@ import React from 'react';
           delay: i * speed,
+          useNativeDriver: false,
         }),
@@ -64,2 +65,3 @@ Animated.timing(self.state.opacity[i], {
           delay: speed,
+          useNativeDriver: false,
         }),
@@ -66,0 +68,0 @@ ]);

lib/loader/PulseLoader.js

@@ -35,4 +35,12 @@ import React from 'react';
     Animated.parallel([
-      Animated.timing(this.state.effect.x, { toValue: 1, duration: this.props.frequency }),
-      Animated.timing(this.state.effect.y, { toValue: 0.05, duration: this.props.frequency }),
+      Animated.timing(this.state.effect.x, {
+        toValue: 1,
+        duration: this.props.frequency,
+        useNativeDriver: false,
+      }),
+      Animated.timing(this.state.effect.y, {
+        toValue: 0.05,
+        duration: this.props.frequency,
+        useNativeDriver: false,
+      }),
     ]).start(() => {
@@ -39,0 +47,0 @@ if (!this.unmounted) {

lib/loader/RippleLoader.js

@@ -48,3 +48,7 @@ import React from 'react';
     Animated.parallel([
-      Animated.timing(this.state.scales[i], { toValue: 1, duration: frequency }),
+      Animated.timing(this.state.scales[i], {
+        toValue: 1,
+        duration: frequency,
+        useNativeDriver: false,
+      }),
       Animated.timing(this.state.opacities[i], {
@@ -54,2 +58,3 @@ toValue: 0,
         delay: frequency / 2,
+        useNativeDriver: false,
       }),
@@ -56,0 +61,0 @@ ]).start(() => {

lib/loader/RotationCircleLoader.js

@@ -39,2 +39,3 @@ import React from 'react';
         easing: Easing.linear,
+        useNativeDriver: false,
       }),
@@ -41,0 +42,0 @@ ]).start(() => {

lib/loader/RotationHoleLoader.js

@@ -41,2 +41,3 @@ import React from 'react';
         easing: Easing.linear,
+        useNativeDriver: false,
       }),
@@ -43,0 +44,0 @@ ]).start(() => {

package.json

 {
   "name": "react-native-indicator",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "React Native Indicator Component",
@@ -5,0 +5,0 @@ "main": "index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

51783

increased by2.72%

Lines of code

1521

increased by4.18%

No dependency changes