Initial Android Support

Author: Sh3rawi

docs/awesomeButton.gif

@@ -3,26 +3,25 @@ const React = require('react-native')
 
 const {
   Animated,
-  ActivityIndicatorIOS,
   Component,
   View,
   Text,
   StyleSheet,
   TouchableOpacity
 } = React
 
+var ProgressBar = require('./ProgressBar');
 
 class InnerButtonView extends Component {
 
   render() {
     return(
       <View style={styles.insideView}>
-        { this.props.currentStateObject.spinner ? <ActivityIndicatorIOS color={ this.props.spinnerColor } style={styles.activityIndicator}/> : null }
+        { this.props.currentStateObject.spinner ? <ProgressBar color={ this.props.spinnerColor } style={styles.activityIndicator}/> : null }
         <Text style={ this.props.labelStyle }>{ this.props.currentStateObject.text }</Text>
       </View>
     )
   }
-  
 }
 
 
@@ -134,4 +133,4 @@ const styles = StyleSheet.create({
 })
 
 
-module.exports = AwesomeButton
+module.exports = AwesomeButton

src/AwesomeButton.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react-native');
+var {
+  Platform,
+  ActivityIndicatorIOS,
+  ProgressBarAndroid,
+} = React;
+
+var ProgressBar = React.createClass({
+  render() {
+    if (Platform.OS === 'ios') {
+      return (
+        <ActivityIndicatorIOS color={this.props.color} style={this.props.style}/>
+      );
+    } else {
+      return (
+        <ProgressBarAndroid color={this.props.color} style={this.props.style} styleAttr={"Small"}/>
+      );
+    }
+  }
+});
+
+module.exports = ProgressBar;