comments

src/components/AppActionSheet.js

@@ -3,8 +3,10 @@ import React from "react";
 import ActionSheet from "react-native-actions-sheet";
 import { gutters, Palette } from "../styles";
 import { BlurView } from "expo-blur";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 const AppActionSheet = ({ children, props }) => {
+  const insets = useSafeAreaInsets();
   return (
     <ActionSheet
       containerStyle={{ backgroundColor: Palette.tran }}
@@ -21,7 +23,7 @@ const AppActionSheet = ({ children, props }) => {
         style={{
           paddingTop: 36,
           paddingHorizontal: 14,
-          paddingBottom: gutters,
+          paddingBottom: gutters + (insets?.bottom || 0),
           backgroundColor: Palette.glass,
           borderTopLeftRadius: 20,
           borderTopRightRadius: 20,