chore(example): upgrade to Expo SDK 55

Author: ikiet

Example/App.tsx

@@ -1,4 +1,5 @@
 import { StatusBar } from "expo-status-bar";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 
 import useCachedResources from "./hooks/useCachedResources";
@@ -13,10 +14,12 @@ export default function App() {
     return null;
   } else {
     return (
-      <SafeAreaProvider>
-        <Navigation colorScheme={colorScheme} />
-        <StatusBar />
-      </SafeAreaProvider>
+      <GestureHandlerRootView style={{ flex: 1 }}>
+        <SafeAreaProvider>
+          <Navigation colorScheme={colorScheme} />
+          <StatusBar />
+        </SafeAreaProvider>
+      </GestureHandlerRootView>
     );
   }
 }

Example/app.json

@@ -27,6 +27,7 @@
     },
     "web": {
       "favicon": "./assets/images/favicon.png"
-    }
+    },
+    "plugins": ["expo-asset", "expo-font", "expo-web-browser"]
   }
 }

Example/babel.config.js

@@ -2,6 +2,5 @@ module.exports = function (api) {
   api.cache(true);
   return {
     presets: ["babel-preset-expo"],
-    plugins: ["react-native-reanimated/plugin"],
   };
 };

Example/navigation/LinkingConfiguration.ts

@@ -10,21 +10,15 @@ import * as Linking from "expo-linking";
 import { RootStackParamList } from "../types";
 
 const linking: LinkingOptions<RootStackParamList> = {
-  prefixes: [Linking.makeUrl("/")],
+  prefixes: [Linking.createURL("/")],
   config: {
     screens: {
       Root: {
         screens: {
-          TabOne: {
-            screens: {
-              Basic: "basic",
-            },
-          },
-          TabTwo: {
-            screens: {
-              Swipeable: "swipeable",
-            },
-          },
+          Basic: "basic",
+          Nested: "nested",
+          Swipeable: "swipeable",
+          Horizontal: "horizontal",
         },
       },
       NotFound: "*",

Example/package.json

@@ -14,37 +14,38 @@
     "preset": "jest-expo"
   },
   "dependencies": {
-    "@expo/vector-icons": "^13.0.0",
+    "@expo/vector-icons": "^15.0.2",
     "@react-navigation/bottom-tabs": "^6.0.5",
     "@react-navigation/native": "^6.0.2",
     "@react-navigation/native-stack": "^6.1.0",
-    "expo": "^48.0.0",
-    "expo-asset": "~8.9.1",
-    "expo-constants": "~14.2.1",
-    "expo-font": "~11.1.1",
-    "expo-linking": "~4.0.1",
-    "expo-splash-screen": "~0.18.1",
-    "expo-status-bar": "~1.4.4",
-    "expo-system-ui": "~2.2.1",
-    "expo-web-browser": "~12.1.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-native": "0.71.3",
-    "react-native-gesture-handler": "~2.9.0",
-    "react-native-reanimated": "~2.14.4",
-    "react-native-safe-area-context": "4.5.0",
-    "react-native-screens": "~3.20.0",
+    "expo": "^55.0.8",
+    "expo-asset": "~55.0.10",
+    "expo-constants": "~55.0.9",
+    "expo-font": "~55.0.4",
+    "expo-linking": "~55.0.8",
+    "expo-splash-screen": "~55.0.12",
+    "expo-status-bar": "~55.0.4",
+    "expo-system-ui": "~55.0.10",
+    "expo-web-browser": "~55.0.10",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-native": "0.83.2",
+    "react-native-gesture-handler": "~2.30.0",
+    "react-native-reanimated": "4.2.1",
+    "react-native-safe-area-context": "~5.6.2",
+    "react-native-screens": "~4.23.0",
     "react-native-swipeable-item": "^2.0.2",
-    "react-native-web": "~0.18.11"
+    "react-native-web": "^0.21.0",
+    "react-native-worklets": "0.7.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@types/react": "~18.0.27",
+    "@babel/core": "^7.29.0",
+    "@types/react": "~19.2.10",
     "@types/react-native": "~0.66.13",
-    "jest": "^29.2.1",
-    "jest-expo": "^48.0.0",
+    "jest": "~29.7.0",
+    "jest-expo": "~55.0.11",
     "react-test-renderer": "17.0.2",
-    "typescript": "^4.9.4"
+    "typescript": "~5.9.2"
   },
   "private": true
 }