v4

.release-it.json

@@ -53,7 +53,6 @@
 		"before:git:release": "node ../../.github/scripts/release-notes.mjs ${version} --check",
 		"after:bump": [
 			"node ../../.github/scripts/sync-bun-lock-version.mjs",
-			"git add ../../bun.lock",
 			"bun run --cwd ../.. build",
 			"npm pack --dry-run"
 		]

README.md

@@ -16,18 +16,6 @@ Customizable screen transitions for React Native. Build gesture-driven, shared e
 - Blank stack, native stack, and Expo Router integration.
 - Written in TypeScript.
 
-## Navigation Compatibility
-
-This README documents the stable v3 release.
-
-| Navigation setup | v3 status | Integration |
-| ---------------- | --------- | ----------- |
-| React Navigation 6 or 7 | Supported | Use the v3 blank stack or native-stack adapter APIs. |
-| Expo Router on Expo SDK 55 or earlier | Supported | Wrap the v3 blank stack with `withLayoutContext()`. |
-| Expo Router on Expo SDK 56 or later | Not supported by v3 | Use the [v4 alpha Expo Router integration](https://screen-transitions.esjr.org/v4-experimental/getting-started). |
-
-Expo SDK 55 is the last Expo Router release that uses the React Navigation-backed integration documented for v3. Expo Router forked the navigation packages it builds upon in SDK 56, so the v3 and SDK 56+ navigator internals cannot be mixed. See Expo's [SDK 55 to 56 migration guide](https://docs.expo.dev/router/migrate/sdk-55-to-56/) for the upstream change.
-
 ## Getting Started
 
 Install the package:
@@ -47,8 +35,6 @@ npm install react-native-reanimated react-native-gesture-handler \
 
 See [the documentation site](https://screen-transitions.esjr.org).
 
-For complete runnable projects, start with the [v3 Expo Router starter](https://github.com/eds2002/react-native-screen-transitions/tree/main/starters/expo-router), which pins the final supported Expo Router environment on Expo SDK 55, or the [v3 React Navigation starter](https://github.com/eds2002/react-native-screen-transitions/tree/main/starters/react-navigation).
-
 ## Support
 
 v3 (current) supports Reanimated v3, Reanimated v4, and React Native Gesture Handler v2.

apps/e2e/app.json

@@ -6,6 +6,7 @@
     "orientation": "portrait",
     "scheme": "e2e",
     "userInterfaceStyle": "automatic",
+    "newArchEnabled": true,
     "ios": {
       "supportsTablet": true,
       "bundleIdentifier": "com.eds2002.e2e",
@@ -15,6 +16,7 @@
       "adaptiveIcon": {
         "backgroundColor": "#E6F4FE"
       },
+      "edgeToEdgeEnabled": true,
       "predictiveBackGestureEnabled": false,
       "package": "com.eds2002.e2e"
     },
@@ -24,9 +26,7 @@
     "plugins": [
       "expo-router",
       "expo-video",
-      "expo-web-browser",
-      "expo-font",
-      "expo-image"
+      "expo-web-browser"
     ],
     "experiments": {
       "typedRoutes": true,

apps/e2e/app/[stackType]/bottom-sheet/snap-lock-toggle.tsx

@@ -1,4 +1,4 @@
-import { useNavigation } from "@react-navigation/native";
+import { useNavigation } from "expo-router";
 import { useEffect, useState } from "react";
 import { Dimensions, Pressable, StyleSheet, Text, View } from "react-native";
 import Transition, { snapTo } from "react-native-screen-transitions";

apps/e2e/app/[stackType]/bottom-sheet/with-scroll.tsx

@@ -1,4 +1,4 @@
-import { useNavigation } from "@react-navigation/native";
+import { useNavigation } from "expo-router";
 import { useEffect, useMemo, useState } from "react";
 import { Dimensions, Pressable, StyleSheet, Text, View } from "react-native";
 import { interpolate } from "react-native-reanimated";

apps/e2e/app/[stackType]/bounds/_layout.tsx

@@ -12,9 +12,6 @@ export default function BoundsLayout() {
 	return (
 		<StackNavigator screenOptions={navigatorScreenOptions}>
 			<StackNavigator.Screen name="index" />
-			<StackNavigator.Screen name="example-1" options={{ ...IOSSlide() }} />
-			<StackNavigator.Screen name="example-2" options={{ ...IOSSlide() }} />
-			<StackNavigator.Screen name="example-3" options={{ ...IOSSlide() }} />
 			<StackNavigator.Screen name="style-id" options={{ ...IOSSlide() }} />
 			<StackNavigator.Screen name="zoom" options={{ ...IOSSlide() }} />
 			<StackNavigator.Screen name="sync" options={{ ...IOSSlide() }} />