From aba743222526a56d600b595d6472da137fbd4296 Mon Sep 17 00:00:00 2001
From: meteorlxy <meteor.lxy@foxmail.com>
Date: Tue, 16 Apr 2024 19:58:03 +0800
Subject: [PATCH] fix: improve popup default styles

---
 src/components/popup/Popup.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/popup/Popup.tsx b/src/components/popup/Popup.tsx
index e1e34b4..3c69a42 100644
--- a/src/components/popup/Popup.tsx
+++ b/src/components/popup/Popup.tsx
@@ -89,11 +89,12 @@ export const Popup: React.FC<PopupProps> = ({
 
   return (
     <Modal
-      visible={isVisible}
       animationType="slide"
       onRequestClose={() => {
         setIsVisible(false);
       }}
+      transparent={true}
+      visible={isVisible}
       {...modalProps}>
       <View style={[styles.container, style.container]}>
         <View style={[styles.modalView, style.modalView]}>
@@ -124,14 +125,13 @@ export const Popup: React.FC<PopupProps> = ({
 
 const styles = StyleSheet.create({
   container: {
-    backgroundColor: 'white',
-    borderRadius: 10,
-    maxHeight: SCREEN_HEIGHT * 0.6,
+    backgroundColor: 'rgba(255,255,255,0.4)',
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
   },
   modalView: {
+    maxHeight: SCREEN_HEIGHT * 0.6,
     margin: 20,
     backgroundColor: 'white',
     borderRadius: 20,