react-native-indicator - npm Package Compare versions

Comparing version 0.5.7 to 0.6.0

index.js

@@ -20,2 +20,4 @@ /**
 import CirclesRotationScale from './lib/loader/CirclesRotationScaleLoader';
+//import Square from './lib/loader/SquareLoader';
+import NineCubes from './lib/loader/NineCubesLoader';
 
@@ -35,2 +37,4 @@ export const PulseLoader = Pulse;
 export const RotationHoleLoader = RotationHole;
-export const CirclesRotationScaleLoader = CirclesRotationScale;
+export const CirclesRotationScaleLoader = CirclesRotationScale;
+//export const SquareLoader = Square;
+export const NineCubesLoader = NineCubes;

lib/loader/DotsLoader.js

@@ -27,5 +27,4 @@ /**
         this.state = {
-            opacities: [new Animated.Value(1), new Animated.Value(1), new Animated.Value(1)]
+            scales: [new Animated.Value(0), new Animated.Value(0), new Animated.Value(0)]
         };
-        this.timers = [];
         this._animation = this._animation.bind(this);
@@ -37,4 +36,4 @@ }
         return (
-            <AnimatedCircle radius={size} fill={color} x={size + i * (size+betweenSpace)} y={size}
-                            scale={this.state.opacities[i]}/>
+            <AnimatedCircle radius={size} fill={color} x={size/2 + i * (size+betweenSpace)} y={size/2}
+                            scale={this.state.scales[i]}/>
         );
@@ -46,3 +45,3 @@ }
         return (
-            <Surface width={size*3 + (size+betweenSpace)*2} height={size*2}>
+            <Surface width={size*3 + betweenSpace*2} height={size}>
                 {this._renderCircle(0)}
@@ -66,4 +65,4 @@ {this._renderCircle(1)}
             return Animated.sequence([
-                Animated.timing(self.state.opacities[i], {toValue: 0.2, duration: 300, delay: i*200}),
-                Animated.timing(self.state.opacities[i], {toValue: 1, duration: 300})
+                Animated.timing(self.state.scales[i], {toValue: 1, duration: 300, delay: (i+1)*200}),
+                Animated.timing(self.state.scales[i], {toValue: 0, duration: 300, delay: 50})
             ])
@@ -70,0 +69,0 @@ }

lib/shape/Bar.js

 /**
  * Created by wangdi on 10/12/16.
- * the scale center of this bar is center
+ * the scale center of this bar is left-center
  */
@@ -5,0 +5,0 @@ 'use strict';

lib/shape/Bar2.js

 /**
  * Created by wangdi on 10/12/16.
- * the scale center of this bar is bottom
+ * the scale center of this bar is bottom-center
  */
@@ -11,3 +11,3 @@ 'use strict';
 
-export default class Bar extends Component {
+export default class Bar2 extends Component {
     static propTypes = {
@@ -14,0 +14,0 @@ width: PropTypes.number.isRequired,

package.json

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

README.md

@@ -35,15 +35,17 @@ # react-native-indicator
 
-- PulseLoader
-- DotsLoader
-- TextLoader
-- BubblesLoader
-- CirclesLoader
-- BreathingLoader
-- RippleLoader
-- LinesLoader
-- MusicBarLoader
-- EatBeanLoader
-- DoubleCircleLoader
-- RotationCircleLoader
-- RotationHoleLoader
+- [PulseLoader](#PulseLoader)
+- [DotsLoader](#DotsLoader)
+- [TextLoader](#TextLoader)
+- [BubblesLoader](#BubblesLoader)
+- [CirclesLoader](#CirclesLoader)
+- [BreathingLoader](#BreathingLoader)
+- [RippleLoader](#RippleLoader)
+- [LinesLoader](#LinesLoader)
+- [MusicBarLoader](#MusicBarLoader)
+- [EatBeanLoader](#EatBeanLoader)
+- [DoubleCircleLoader](#DoubleCircleLoader)
+- [RotationCircleLoader](#RotationCircleLoader)
+- [RotationHoleLoader](#RotationHoleLoader)
+- [CirclesRotationScaleLoader](#CirclesRotationScaleLoader)
+- [NineCubesLoader](#NineCubesLoader)
 
@@ -190,4 +192,12 @@ ```
 
+##### NineCubesLoader
+
+| prop | type | default | description |
+| ---- | ---- | ---- | ---- |
+| size | number | 20 | each cube's size |
+| color | string | '#1e90ff' | indicator's color |
+
+
 ## License
 
 MIT

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

867421

increased by0.66%

Number of package files

30

increased by11.11%

Lines of code

1182

increased by15.88%

Number of lines in readme file

201

increased by5.24%

No dependency changes