react-native-indicator - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

lib/loader/RippleLoader.js

@@ -13,2 +13,3 @@ import React from 'react';
     strokeWidth: PropTypes.number,
+    frequency: PropTypes.number,
   };
@@ -20,2 +21,3 @@
     strokeWidth: 3,
+    frequency: 1600,
   };
@@ -33,3 +35,3 @@
         this._animation(i);
-      }, i * 1200);
+      }, i * this.props.frequency * 0.75);
       this.timers.push(id);
@@ -47,5 +49,10 @@ });
   _animation = (i) => {
+    const { frequency } = this.props;
     Animated.parallel([
-      Animated.timing(this.state.scales[i], { toValue: 1, duration: 1600 }),
-      Animated.timing(this.state.opacities[i], { toValue: 0, duration: 1600, delay: 800 }),
+      Animated.timing(this.state.scales[i], { toValue: 1, duration: frequency }),
+      Animated.timing(this.state.opacities[i], {
+        toValue: 0,
+        duration: frequency,
+        delay: frequency / 2,
+      }),
     ]).start(() => {
@@ -52,0 +59,0 @@ if (!this.unmounted) {

lib/loader/TextLoader.js

@@ -18,8 +18,3 @@ import React from 'react';
   };
-  patterns = [
-    [0, 0, 0],
-    [1, 0, 0],
-    [1, 1, 0],
-    [1, 1, 1],
-  ];
+  patterns = [[0, 0, 0], [1, 0, 0], [1, 1, 0], [1, 1, 1]];
   timers = [];
@@ -26,0 +21,0 @@

package.json

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

README.md

@@ -17,12 +17,14 @@ # react-native-indicator
 $ npm install react-native-indicator --save 
+$ npm install @react-native-community/art --save
 ```
 
-### Android
+For react-native >= 0.60 ReactNativeART should be auto-linked and no additional action is required.
 
-It works, have fun!
+For react-native < 0.60 you need to link ReactNative ART:
+```
+$ react-native link @react-native-community/art
+```
 
-### iOS
+More info, following the [Art module](https://github.com/react-native-community/art) instruction to configure.
 
-Following the [Art module](https://github.com/react-native-community/art) instruction to configure.
-
 ## Usage
@@ -32,3 +34,3 @@
 ```
-import {CirclesLoader, PulseLoader, TextLoader, DotsLoader, ...} from 'react-native-indicator';
+import { CirclesLoader, PulseLoader, TextLoader, DotsLoader, ... } from 'react-native-indicator';
 ```
@@ -59,8 +61,8 @@
 render(){
-    return(
-        <View>
-            <CirclesLoader />
-            <TextLoader text="Loading" />
-        </View>
-    ); 
+  return(
+    <View>
+      <CirclesLoader />
+      <TextLoader text="Loading" />
+    </View>
+  ); 
 }
@@ -144,2 +146,3 @@ ```
 | size | number | 10 | circle's size |
+| frequency | number | 1600 | scale's frequency |
 | color | string | '#1e90ff' | indicator's color |
@@ -146,0 +149,0 @@ | strokeWidth | number | 3 | outline width |

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

50412

increased by0.81%

Lines of code

1460

increased by0.14%

Number of lines in readme file

274

increased by1.11%

No dependency changes