diff --git a/examples/package-lock.json b/examples/package-lock.json
index 0c0269e16..b0d7e9bbd 100644
--- a/examples/package-lock.json
+++ b/examples/package-lock.json
@@ -18,6 +18,7 @@
         "react-native-dropdown-picker": "file:../",
         "react-native-gesture-handler": "^2.28.0",
         "react-native-reanimated": "^4.1.2",
+        "react-native-safe-area-context": "^5.6.1",
         "react-native-web": "~0.19.6"
       },
       "devDependencies": {
@@ -52,7 +53,8 @@
       "peerDependencies": {
         "react": "*",
         "react-native": "*",
-        "react-native-gesture-handler": "*"
+        "react-native-gesture-handler": "*",
+        "react-native-safe-area-context": "^5.6.1"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -15442,6 +15444,16 @@
         "node": ">=10"
       }
     },
+    "node_modules/react-native-safe-area-context": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-5.6.1.tgz",
+      "integrity": "sha512-/wJE58HLEAkATzhhX1xSr+fostLsK8Q97EfpfMDKo8jlOc1QKESSX/FQrhk7HhQH/2uSaox4Y86sNaI02kteiA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/react-native-web": {
       "version": "0.19.13",
       "resolved": "https://registry.npmjs.org/react-native-web/-/react-native-web-0.19.13.tgz",
diff --git a/examples/package.json b/examples/package.json
index 840a0ecc4..24a604fd1 100644
--- a/examples/package.json
+++ b/examples/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@expo/webpack-config": "^19.0.0",
     "expo": "^49.0.13",
+    "expo-splash-screen": "~0.20.5",
     "expo-status-bar": "~1.6.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -19,8 +20,8 @@
     "react-native-dropdown-picker": "file:../",
     "react-native-gesture-handler": "^2.28.0",
     "react-native-reanimated": "^4.1.2",
-    "react-native-web": "~0.19.6",
-    "expo-splash-screen": "~0.20.5"
+    "react-native-safe-area-context": "^5.6.1",
+    "react-native-web": "~0.19.6"
   },
   "devDependencies": {
     "@babel/core": "^7.23.0",
diff --git a/package-lock.json b/package-lock.json
index 81c58cd06..ad0a400ac 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,8 @@
       "version": "5.4.7",
       "license": "MIT",
       "dependencies": {
-        "react-native-gesture-handler": "~2.13.1"
+        "react-native-gesture-handler": "~2.13.1",
+        "react-native-safe-area-context": "^5.6.1"
       },
       "devDependencies": {
         "@types/react": "^18.2.25",
@@ -5510,20 +5511,6 @@
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
     },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "peer": true,
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -8556,6 +8543,16 @@
         "react-native": "*"
       }
     },
+    "node_modules/react-native-safe-area-context": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-5.6.1.tgz",
+      "integrity": "sha512-/wJE58HLEAkATzhhX1xSr+fostLsK8Q97EfpfMDKo8jlOc1QKESSX/FQrhk7HhQH/2uSaox4Y86sNaI02kteiA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/react-native/node_modules/regenerator-runtime": {
       "version": "0.13.11",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
diff --git a/package.json b/package.json
index 00160871e..2e32d015a 100644
--- a/package.json
+++ b/package.json
@@ -66,6 +66,7 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "react-native-gesture-handler": "*"
+    "react-native-gesture-handler": "*",
+    "react-native-safe-area-context": "*"
   }
 }
diff --git a/src/components/Picker.js b/src/components/Picker.js
index c8634ca0d..37ff71501 100644
--- a/src/components/Picker.js
+++ b/src/components/Picker.js
@@ -16,7 +16,6 @@ import {
   Image,
   Modal,
   Platform,
-  SafeAreaView,
   StyleSheet,
   Text,
   TextInput,
@@ -24,6 +23,8 @@ import {
   View,
 } from 'react-native';
 
+import { SafeAreaView } from 'react-native-safe-area-context';
+
 import { FlatList, ScrollView } from 'react-native-gesture-handler';
 import {
   ASCII_CODE,