From 241fdb4818b20248f84130f3df29e293cf7e57ef Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Mon, 20 Mar 2023 17:14:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=BC=B9=E5=87=BA=E6=A1=86?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E7=82=B9=E5=87=BB=E8=83=8C=E6=99=AF=E5=85=B3?=
 =?UTF-8?q?=E9=97=AD=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Modal.tsx | 43 +++++++++++++++++----------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/src/components/common/Modal.tsx b/src/components/common/Modal.tsx
index 8e3d7d7..59b2742 100644
--- a/src/components/common/Modal.tsx
+++ b/src/components/common/Modal.tsx
@@ -1,23 +1,23 @@
-import { createStyle } from '@/utils/tools'
+// import { createStyle } from '@/utils/tools'
 import React, { useImperativeHandle, forwardRef, useState, useMemo } from 'react'
 import { Modal, TouchableWithoutFeedback, View, type ModalProps as _ModalProps } from 'react-native'
 import StatusBar from './StatusBar'
 // import { useDimensions } from '@/utils/hooks'
 
-const styles = createStyle({
-  // container: {
-  //   flex: 1,
-  // },
-  mask: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0,
-    // width: '100%',
-    // height: '100%',
-  },
-})
+// const styles = createStyle({
+//   container: {
+//     flex: 1,
+//   },
+//   // mask: {
+//   //   position: 'absolute',
+//   //   top: 0,
+//   //   left: 0,
+//   //   bottom: 0,
+//   //   right: 0,
+//   //   // width: '100%',
+//   //   // height: '100%',
+//   // },
+// })
 
 export interface ModalProps extends Omit<_ModalProps, 'visible'> {
   onHide?: () => void
@@ -89,12 +89,13 @@ export default forwardRef<ModalType, ModalProps>(({
       {...props}
     >
       {/* <StatusBar /> */}
-      <View style={{ flex: 1, paddingTop: statusBarPadding ? StatusBar.currentHeight : 0 }}>
-        <TouchableWithoutFeedback style={styles.mask} onPress={handleBgClose}>
-          <View style={{ ...styles.mask, backgroundColor: bgColor }}></View>
-        </TouchableWithoutFeedback>
-        {memoChildren}
-      </View>
+      {/* <View style={{ flex: 1, paddingTop: statusBarPadding ? StatusBar.currentHeight : 0 }}> */}
+      <TouchableWithoutFeedback style={{ flex: 1, paddingTop: statusBarPadding ? StatusBar.currentHeight : 0 }} onPress={handleBgClose}>
+        <View style={{ flex: 1, backgroundColor: bgColor }}>
+          {memoChildren}
+        </View>
+      </TouchableWithoutFeedback>
+      {/* </View> */}
     </Modal>
   )
 })