delete safeAreaView

src/screens/wallet/paymentMethod/ui/ModalPay.tsx

@@ -10,6 +10,7 @@ import {
   TouchableWithoutFeedback,
   View,
 } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import Check from 'svg/Check';
 import CreditCard from 'svg/CreditCard';
 import Usd from 'svg/Dollar';
@@ -40,6 +41,7 @@ const ModalPay = ({
 }: ModalPayProps) => {
   const translateY = useRef(new Animated.Value(SCREEN_HEIGHT)).current;
   const opacity = useRef(new Animated.Value(0)).current;
+  const { bottom } = useSafeAreaInsets();
   const [load, setLoad] = React.useState(false);
   const { t } = useTranslation();
   useEffect(() => {
@@ -99,6 +101,7 @@ const ModalPay = ({
           styles.overlay,
           {
             opacity: opacity,
+            bottom,
           },
         ]}
       >
@@ -237,7 +240,6 @@ const styles = StyleSheet.create({
     top: 0,
     left: 0,
     right: 0,
-    bottom: 0,
     backgroundColor: 'rgba(0,0,0,0.4)',
     justifyContent: 'flex-end',
     zIndex: 30,