spinner and progressbar added

Sankhadeep Roy · Sankhadeep Roy · commit 8236e8f72d1e · 2016-05-11T18:27:01.000+05:30
diff --git a/Components/Widgets/Header.js b/Components/Widgets/Header.js
@@ -2,7 +2,7 @@
 'use strict';
 
 import React from 'react';
-import {View} from 'react-native';
+import {View, Platform} from 'react-native';
 import NativeBaseComponent from '../Base/NativeBaseComponent';
 import computeProps from '../../Utils/computeProps';
 
@@ -16,7 +16,7 @@ export default class Header extends NativeBaseComponent {
                 flexDirection: 'row',
                 alignItems: 'center',
                 padding: 15,    
-                paddingTop: 25, 
+                paddingTop: (Platform.OS === 'ios' ) ? 25 : 12, 
                 shadowColor: '#000',
                 shadowOffset: {width: 0, height: 2},
                 shadowOpacity: 0.1,
diff --git a/Components/Widgets/ProgressBar.android.js b/Components/Widgets/ProgressBar.android.js
@@ -0,0 +1,37 @@
+/* @flow */
+'use strict';
+
+import React from 'react';
+import { ActivityIndicatorIOS, Platform } from 'react-native';
+import ProgressBar from 'ProgressBarAndroid';
+import NativeBaseComponent from '../Base/NativeBaseComponent';
+import computeProps from '../../Utils/computeProps';
+
+
+export default class SpinnerNB extends NativeBaseComponent {
+
+    prepareRootProps() {
+
+        var type = { 
+            height: 40
+        }
+
+        var defaultProps = {
+            style: type
+        }     
+
+        return computeProps(this.props, defaultProps);
+
+    }
+    
+   
+    render() {
+        return(
+           <ProgressBar  {...this.prepareRootProps()} styleAttr = "Horizontal" 
+                                                      indeterminate = {false} progress={this.props.progress ? this.props.progress/100 : 0.5}
+                                                      color={this.props.color ? this.props.color : '#41B367'}  />
+        );
+    }    
+
+}
+
diff --git a/Components/Widgets/ProgressBar.ios.js b/Components/Widgets/ProgressBar.ios.js
@@ -0,0 +1,23 @@
+/* @flow */
+'use strict';
+
+import React from 'react';
+import { ProgressViewIOS} from 'react-native';
+import ProgressBar from 'ProgressBarAndroid';
+import NativeBaseComponent from '../Base/NativeBaseComponent';
+import computeProps from '../../Utils/computeProps';
+
+
+export default class ProgressBarNB extends NativeBaseComponent {
+
+    
+   
+    render() {
+        return(
+            <ProgressViewIOS  progress={this.props.progress ? this.props.progress/100 : 0.5} 
+                              progressTintColor={this.props.color ? this.props.color : '#FD2E1F'} />
+        );
+    }    
+
+}
+
diff --git a/Components/Widgets/Spinner.android.js b/Components/Widgets/Spinner.android.js
@@ -0,0 +1,36 @@
+/* @flow */
+'use strict';
+
+import React from 'react';
+import { ActivityIndicatorIOS, Platform } from 'react-native';
+import ProgressBar from 'ProgressBarAndroid';
+import NativeBaseComponent from '../Base/NativeBaseComponent';
+import computeProps from '../../Utils/computeProps';
+
+
+export default class SpinnerNB extends NativeBaseComponent {
+
+    prepareRootProps() {
+
+        var type = { 
+            height: 40
+        }
+
+        var defaultProps = {
+            style: type
+        }     
+
+        return computeProps(this.props, defaultProps);
+
+    }
+    
+   
+    render() {
+        return(
+           <ProgressBar  {...this.prepareRootProps()} styleAttr = {this.props.size ? this.props.size : "Large" } 
+                                                      color={this.props.color ? this.props.color : '#41B367'}  />
+        );
+    }    
+
+}
+
diff --git a/Components/Widgets/Spinner.ios.js b/Components/Widgets/Spinner.ios.js
@@ -0,0 +1,36 @@
+/* @flow */
+'use strict';
+
+import React from 'react';
+import { ActivityIndicatorIOS, Platform } from 'react-native';
+import ProgressBar from 'ProgressBarAndroid';
+import NativeBaseComponent from '../Base/NativeBaseComponent';
+import computeProps from '../../Utils/computeProps';
+
+
+export default class SpinnerNB extends NativeBaseComponent {
+
+    prepareRootProps() {
+
+        var type = { 
+            height: 80
+        }
+
+        var defaultProps = {
+            style: type
+        }     
+
+        return computeProps(this.props, defaultProps);
+
+    }
+    
+   
+    render() {
+        return(
+            <ActivityIndicatorIOS {...this.prepareRootProps()}  color={this.props.color ? this.props.color : '#A6A4A2'} 
+                                                                size={this.props.size ? this.props.size : "large" } />
+        );
+    }    
+
+}
+
diff --git a/index.js b/index.js
@@ -25,6 +25,8 @@ import Thumbnail from './Components/Widgets/Thumbnail';
 import Card from './Components/Widgets/Card';
 import Badge from './Components/Widgets/Badge';
 import Form from './Components/Widgets/Form';
+import Spinner from './Components/Widgets/Spinner';
+import ProgressBar from './Components/Widgets/ProgressBar';
 import { Col, Row, Grid } from "react-native-easy-grid";
 
 module.exports = {
@@ -53,5 +55,7 @@ module.exports = {
 	Thumbnail: Thumbnail,
 	Card: Card,
 	Badge: Badge,
-	Form: Form
+	Form: Form,
+	Spinner: Spinner,
+	ProgressBar: ProgressBar
 };
