Accept number for size prop

Previously, size can only accept either 'small' or 'large'.
And to obtain a custom size, scale transformation is used.
This is to let users to possibly pass number value to define
ActivityIndicator's size.

Author: fadils

Libraries/Components/ActivityIndicator/ActivityIndicator.js

@@ -41,11 +41,11 @@ const ActivityIndicator = React.createClass({
     color: ColorPropType,
     /**
      * Size of the indicator. Small has a height of 20, large has a height of 36.
-     * Other sizes can be obtained using a scale transform.
+     * Other sizes can be obtained by passing a number of by using a scale transform.
      */
-    size: PropTypes.oneOf([
-      'small',
-      'large',
+    size: PropTypes.oneOfType([
+      PropTypes.oneOf(['small','large',]),
+      PropTypes.number,
     ]),
     /**
      * Whether the indicator should hide when not animating (true by default).
@@ -67,24 +67,37 @@ const ActivityIndicator = React.createClass({
   render() {
     const {onLayout, style, ...props} = this.props;
     let sizeStyle;
-    switch (props.size) {
-      case 'small':
-        sizeStyle = styles.sizeSmall;
-        break;
-      case 'large':
-        sizeStyle = styles.sizeLarge;
-        break;
+    let ReturnedActivityIndicator;
+    if (isNaN(props.size)) {
+      switch (props.size) {
+        case 'small':
+          sizeStyle = styles.sizeSmall;
+          break;
+        case 'large':
+          sizeStyle = styles.sizeLarge;
+          break;
+      }
+
+      ReturnedActivityIndicator = <RCTActivityIndicator
+                                  {...props}
+                                  style={sizeStyle}
+                                  styleAttr='Normal'
+                                  indeterminate
+                                 />;
+    } else {
+      ReturnedActivityIndicator = <RCTActivityIndicator
+                                  {...props}
+                                  style={ {height: props.size, width: props.size} }
+                                  styleAttr='Normal'
+                                  indeterminate
+                                 />;
     }
+
     return (
       <View
         onLayout={onLayout}
         style={[styles.container, style]}>
-        <RCTActivityIndicator
-          {...props}
-          style={sizeStyle}
-          styleAttr="Normal"
-          indeterminate
-        />
+        {ReturnedActivityIndicator}
       </View>
     );
   }