From 0d3c55d44f7b67823d9f041deece5a618ffc0c20 Mon Sep 17 00:00:00 2001 From: Fillipe Diord Date: Fri, 26 Sep 2025 10:49:36 -0300 Subject: [PATCH 1/3] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20Replaced=20the?= =?UTF-8?q?=20deprecated=20SafeAreaView=20from=20react-nat?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replaced the deprecated SafeAreaView from react-native with the one from react-native-safe-area-context to ensure compatibility with newer versions and proper safe area handling. --- package-lock.json | 27 ++++++++++++--------------- package.json | 3 ++- src/components/Picker.js | 3 ++- 3 files changed, 16 insertions(+), 17 deletions(-) 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, From 1077148c68b7236adca4971d615fac3d672a5bf6 Mon Sep 17 00:00:00 2001 From: imdevan Date: Mon, 6 Oct 2025 11:57:00 -0700 Subject: [PATCH 2/3] move react-native-safe-area-context to peerDeps --- examples/package-lock.json | 14 +++++++++++++- examples/package.json | 5 +++-- package.json | 2 +- 3 files changed, 17 insertions(+), 4 deletions(-) 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.json b/package.json index 2e32d015a..d641e2a88 100644 --- a/package.json +++ b/package.json @@ -67,6 +67,6 @@ "react": "*", "react-native": "*", "react-native-gesture-handler": "*", - "react-native-safe-area-context": "*" + "react-native-safe-area-context": "^5.6.1" } } From 39a6ccc24bddf743256716fb7edfe983a1b76598 Mon Sep 17 00:00:00 2001 From: imdevan Date: Mon, 6 Oct 2025 12:02:06 -0700 Subject: [PATCH 3/3] change react-native-safe-area-context version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index d641e2a88..2e32d015a 100644 --- a/package.json +++ b/package.json @@ -67,6 +67,6 @@ "react": "*", "react-native": "*", "react-native-gesture-handler": "*", - "react-native-safe-area-context": "^5.6.1" + "react-native-safe-area-context": "*" } }