fix(🐛): dont wrap in portal. host component should decide

osamaqarem · Aug 23, 2020 · dbba083 · dbba083
1 parent 2daf0e3
commit dbba083
Showing 1 changed file with 8 additions and 13 deletions.
diff --git a/template/src/common/components/LoadingPopup.tsx b/template/src/common/components/LoadingPopup.tsx
@@ -13,17 +13,12 @@ const LoadingPopup = ({ visible }: LoadingPopupProps) => {
   })
 
   return (
-    <Portal>
-      <Animated.View
-        pointerEvents="none"
-        style={[styles.backdrop, { opacity }]}
-      >
-        <View style={styles.card}>
-          <ActivityIndicator size={44} animating={visible} />
-          <Text style={styles.text}>Please wait...</Text>
-        </View>
-      </Animated.View>
-    </Portal>
+    <Animated.View pointerEvents="none" style={[styles.backdrop, { opacity }]}>
+      <View style={styles.card}>
+        <ActivityIndicator size={44} animating={visible} />
+        <Text style={styles.text}>Please wait...</Text>
+      </View>
+    </Animated.View>
   )
 }
 
@@ -48,9 +43,9 @@ const styles = StyleSheet.create({
     shadowOpacity: 0.1,
     shadowRadius: 5.0,
     elevation: 10,
-    width: 300,
+    minWidth: 200,
     padding: 10,
-    height: 100,
+    minHeight: 80,
     justifyContent: "space-evenly",
     alignItems: "center",
     flexDirection: "row",