upgrade example rn 0.81.5

Author: testshallpass

example/App.tsx

@@ -5,7 +5,6 @@ import {
   FlatList,
   TouchableOpacity,
   ColorValue,
-  SafeAreaView,
 } from 'react-native';
 import DropdownAlert, {
   DropdownAlertData,
@@ -15,6 +14,7 @@ import DropdownAlert, {
 } from 'react-native-dropdownalert';
 import NotificationIOS from './NotificationIOS';
 import NotificationAndroid from './NotificationAndroid';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 interface ListItem {
   name: string;

example/NotificationAndroid.tsx

@@ -3,13 +3,14 @@ import {
   StyleSheet,
   Text,
   View,
-  SafeAreaView,
   Image,
   ImageSourcePropType,
   TouchableOpacity,
   LayoutAnimation,
 } from 'react-native';
 import {expo} from './app.json';
+import { SafeAreaView } from 'react-native-safe-area-context';
+
 const reactNativeLogoSrc: ImageSourcePropType = {
   uri: 'https://reactnative.dev/docs/assets/favicon.png',
 };

example/NotificationIOS.tsx

@@ -3,10 +3,10 @@ import {
   StyleSheet,
   Text,
   View,
-  SafeAreaView,
   Image,
   ImageSourcePropType,
 } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import {expo} from './app.json';
 
 type NotificationIOSProps = {

example/README.md

@@ -2,20 +2,16 @@
 
 - Built with [Expo](https://expo.dev/).
 - Uses [yarn](https://yarnpkg.com/) v2 modern edition.
-- Refer to [Expo setup guide](https://docs.expo.dev/get-started/set-up-your-environment/) for help running this and local environment.
-- Use [Expo Go](https://expo.dev/go) option.
 
 ## Up and running
 
 ### Prerequisites
 
-- Have iOS simulator and Android emulator installed.
-- Have real mobile device.
+- Have setup local environment (e.g. simulator, emulator, etc) via [Expo's Setup Guide](https://docs.expo.dev/get-started/set-up-your-environment/).
 
 ### Steps
 
-1. Open terminal.
-2. Change to example directory (`cd ~/example`).
-3. Run `yarn install` to install dependencies.
-4. Run `yarn start` to start the development server.
-5. Enter `i` or `a` to run on iOS simulator or Android emulator.
+1. Open terminal to example directory (`cd ~/react-native-dropdownalert/example`).
+2. Run: `yarn install` to install example project dependencies.
+3. Run: `yarn start` to start the expo local development server.
+4. Follow on-screen instructions to run the app.

example/Root.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import App from './App';
+
+export default function Root(): React.JSX.Element {
+  return (
+    <SafeAreaProvider>
+      <App />
+    </SafeAreaProvider>
+  );
+}

example/index.ts

@@ -1,8 +1,8 @@
 import { registerRootComponent } from 'expo';
-
-import App from './App';
+import Root from './Root';
 
 // registerRootComponent calls AppRegistry.registerComponent('main', () => App);
 // It also ensures that whether you load the app in Expo Go or in a native build,
 // the environment is set up appropriately
-registerRootComponent(App);
+registerRootComponent(Root);
+

example/package.json

@@ -7,18 +7,25 @@
     "start": "expo start",
     "android": "expo start --android",
     "ios": "expo start --ios",
-    "web": "expo start --web"
+    "web": "expo start --web",
+    "doctor": "npx expo-doctor",
+    "fix:dedupe": "yarn dedupe"
   },
   "dependencies": {
-    "expo": "~53.0.9",
-    "react": "19.0.0",
-    "react-native": "0.79.2",
-    "react-native-dropdownalert": "5.2.0"
+    "expo": "~54.0.32",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-dropdownalert": "5.2.0",
+    "react-native-safe-area-context": "5.6.2",
+    "react-native-web": "0.21.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@types/react": "~19.0.10",
-    "typescript": "^5.8.3"
+    "@types/react": "19.1.10",
+    "@types/react-dom": "~19.1.7",
+    "@types/react-native-web": "0.19.2",
+    "expo-doctor": "1.17.14",
+    "typescript": "5.9.3"
   },
-  "packageManager": "yarn@4.9.2"
+  "packageManager": "yarn@4.12.0"
 }