isVisible property added

Example/index.ios.js

@@ -16,7 +16,8 @@ var Example = React.createClass({
       index: 0,
       types: ['CircleFlip', 'Bounce', 'Wave', 'WanderingCubes', 'Pulse', 'ChasingDots', 'ThreeBounce', 'Circle', '9CubeGrid', 'WordPress', 'FadingCircle', 'FadingCircleAlt', 'Arc', 'ArcAlt'],
       size: 100,
-      color: "#FFFFFF"
+      color: "#FFFFFF",
+      isVisible: true
     }
   },
 
@@ -35,12 +36,16 @@ var Example = React.createClass({
     this.setState({color: '#'+Math.floor(Math.random()*16777215).toString(16)});
   },
 
+  changeVisibility() {
+    this.setState({isVisible: !this.state.isVisible});
+  },
+
   render() {
     var type = this.state.types[this.state.index];
 
     return (
       <View style={styles.container}>
-        <Spinner style={styles.spinner} size={this.state.size} type={type} color={this.state.color}/>
+        <Spinner style={styles.spinner} isVisible={this.state.isVisible} size={this.state.size} type={type} color={this.state.color}/>
 
         <Text style={styles.text}>Type: {type}</Text>
 
@@ -55,6 +60,10 @@ var Example = React.createClass({
         <TouchableOpacity style={styles.btn} onPress={this.changeColor}>
           <Text style={styles.text}>Change color</Text>
         </TouchableOpacity>
+
+        <TouchableOpacity style={styles.btn} onPress={this.changeVisibility}>
+          <Text style={styles.text}>Change visibility</Text>
+        </TouchableOpacity>
       </View>
     );
   }

README.md

@@ -22,6 +22,7 @@ Check [index.ios.js](https://github.com/maxs15/react-native-spinkit/blob/master/
 
 | Prop  | Default  | Type | Description |
 | :------------ |:---------------:| :---------------:| :-----|
+| isVisible | `true` | `boolean` | Visibility of the spinner |
 | color | #000000 | `string` | Color of the spinner  |
 | size | 37 | `number` | Size of the spinner |
 | type | Plane | `string` | Style type of the spinner |

index.ios.js

@@ -2,24 +2,29 @@ var React = require('React');
 var {PropTypes} = React;
 
 var requireNativeComponent = require('requireNativeComponent');
+var View = require('View');
+
 
 var Spinkit = React.createClass({
 	propTypes: {
 		type: PropTypes.string,
 		color: PropTypes.string,
-		size: PropTypes.number
+		size: PropTypes.number,
+		isVisible: PropTypes.bool
 	},
 
 	getDefaultProps() {
 		return {
 			size: 37,
-			color: "#000000"
+			color: "#000000",
+			isVisible: true
 		};
 	},
 
 	render() {
 		var size = {height: this.props.size, width: this.props.size};
 
+		if (!this.props.isVisible) return <View/>;
 		return (
 			<RNSpinkit
 				type={this.props.type}