Add progress bar when loading comments in Android

APSL · Jun 13, 2016 · 73b4681 · 73b4681
1 parent dd5566a
commit 73b4681
Showing 1 changed file with 18 additions and 5 deletions.
diff --git a/app/MnmComments.js b/app/MnmComments.js
@@ -6,10 +6,12 @@
 import React, { Component } from 'react'
 import {
     StyleSheet,
+    Platform,
     PixelRatio,
     View,
     Text,
     ActivityIndicatorIOS,
+    ProgressBarAndroid,
     ListView
 } from 'react-native'
 
@@ -90,12 +92,19 @@ class MnmComments extends Component {
         />
       )
     } else {
+      if (Platform.OS === 'ios') {
+        return (
+          <ActivityIndicatorIOS
+            animating={true}
+            style={styles.centering}
+            color='#262626'
+          />
+        )
+      }
       return (
-        <ActivityIndicatorIOS
-          animating={true}
-          style={styles.centering}
-          color='#262626'
-        />
+        <View style={styles.centering}>
+          <ProgressBarAndroid style={styles.progressBar} color="#d35400"/>
+        </View>
       )
     }
   }
@@ -181,6 +190,10 @@ var styles = StyleSheet.create({
         justifyContent: 'center',
         backgroundColor: '#FAFAFA',
     },
+    progressBar: {
+      width: 50,
+      height: 50,
+    },
 });
 
 const htmlStyles = StyleSheet.create({