Add examples with custom size number usage

facebook · Jul 17, 2016 · 0b4d00f · 0b4d00f
1 parent b4dc4ed
commit 0b4d00f
Showing 1 changed file with 26 additions and 4 deletions.
diff --git a/Examples/UIExplorer/js/ActivityIndicatorExample.js b/Examples/UIExplorer/js/ActivityIndicatorExample.js
@@ -56,7 +56,7 @@ const ToggleAnimatingActivityIndicator = React.createClass({
       <ActivityIndicator
         animating={this.state.animating}
         style={[styles.centering, {height: 80}]}
-        size="large"
+        size='large'
       />
     );
   }
@@ -74,7 +74,7 @@ exports.examples = [
       return (
         <ActivityIndicator
           style={[styles.centering, styles.gray]}
-          color="white"
+          color='white'
         />
       );
     }
@@ -151,12 +151,34 @@ exports.examples = [
     }
   },
   {
-    title: 'Custom size',
+    title: 'Custom size (size: 48)',
+    render() {
+      return (
+        <ActivityIndicator
+          style={styles.centering}
+          size={48}
+        />
+      );
+    }
+  },
+  {
+    title: 'Custom size (size: 56)',
+    render() {
+      return (
+        <ActivityIndicator
+          style={styles.centering}
+          size={56}
+        />
+      );
+    }
+  },
+  {
+    title: 'Custom size (size: 30, scale transform: 1.5)',
     render() {
       return (
         <ActivityIndicator
           style={[styles.centering, {transform: [{scale: 1.5}]}]}
-          size="large"
+          size={30}
         />
       );
     }