react-native-screen-transitions 1.2.0 → 2.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Ed
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,22 +1,5 @@
 # react-native-screen-transitions
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 | iOS | Android |
 |---|---|
 | <video src="https://github.com/user-attachments/assets/81f39391-80c0-4ce4-b6ff-76de85d2cf03" width="300" height="600" controls></video> | <video src="https://github.com/user-attachments/assets/c2b4c6ca-2b0c-4cf4-a164-f7e68cee0c32" width="300" controls></video> |
@@ -39,94 +22,80 @@ bun add react-native-screen-transitions
 
 ## Peer Dependencies
 ```bash
-npm install react-native-reanimated react-native-gesture-handler @react-navigation/native-stack
+npm install react-native-reanimated react-native-gesture-handler \
+  @react-navigation/native @react-navigation/native-stack \
+  @react-navigation/elements react-native-screens \
+  react-native-safe-area-context
 ```
 
 ## Setup
 
-### 1. React Navigation
-```tsx
-import { NavigationContainer } from '@react-navigation/native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import Transition from 'react-native-screen-transitions';
+### 1. Expo Router
 
-const Stack = Transition.createTransitionableStackNavigator();
+```tsx
+import type {
+  ParamListBase,
+  StackNavigationState,
+} from "@react-navigation/native";
+import { withLayoutContext } from "expo-router";
+import {
+  createNativeStackNavigator,
+  type NativeStackNavigationEventMap,
+  type NativeStackNavigationOptions,
+} from "react-native-screen-transitions";
+
+const { Navigator } = createNativeStackNavigator();
 
-export default function App() {
-  return (
-    <GestureHandlerRootView>
-      <NavigationContainer>
-        <Stack.Navigator>
-          <Stack.Screen
-            name="Home"
-            component={Home}
-            options={{
-              skipDefaultScreenOptions: true, // prevents transparent-modal default
-            }}
-          />
-          <Stack.Screen
-            name="A"
-            component={ScreenA}
-            options={{
-              ...Transition.presets.SlideFromTop(),
-            }}
-          />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </GestureHandlerRootView>
-  );
-}
+export const Stack = withLayoutContext<
+  NativeStackNavigationOptions,
+  typeof Navigator,
+  StackNavigationState<ParamListBase>,
+  NativeStackNavigationEventMap
+>(Navigator);
 ```
 
-### 2. Expo Router
-Use the withLayoutContext to convert it into an expo router compatible navigator.
+That’s it — you’re ready to go.
+
+### 2. React Navigation (bare)
+
+If you’re using **React Navigation** directly (not Expo Router), the navigator is already configured.
+No extra setup is required—just import and use as usual:
 
 ```tsx
-import { withLayoutContext } from 'expo-router';
-import Transition, {
-  type TransitionStackNavigatorTypeBag,
-} from 'react-native-screen-transitions';
+import { createNativeStackNavigator } from 'react-native-screen-transitions';
 
-const TransitionableNativeStack =
-  Transition.createTransitionableStackNavigator();
+const Stack = createNativeStackNavigator();
 
-export const Stack = withLayoutContext<
-  TransitionStackNavigatorTypeBag['ScreenOptions'],
-  typeof TransitionableNativeStack.Navigator,
-  TransitionStackNavigatorTypeBag['State'],
-  TransitionStackNavigatorTypeBag['EventMap']
->(TransitionableNativeStack.Navigator);
+// Use Stack.Navigator and Stack.Screen as normal
 ```
 
-Use it exactly like any other Expo Router layout:
+### Extended native-stack options
 
-```tsx
-import { Stack } from './layouts/stack.tsx'
-
-export default function RootLayout(){
-  return(
-    <GestureHandlerRootView>
-      <Stack>
-        <Stack.Screen
-          name="a"
-          options={{
-            // You usually don't want your first screen to be a transparent modal.
-            skipDefaultScreenOptions: true,
-          }}
-        />
-        <Stack.Screen
-          name="b"
-          options={{
-            ...Transition.presets.SlideFromTop(),
-          }}
-        />
-      </Stack>
-    </GestureHandlerRootView>
-  )
-}
-```
+This package ships an **extended native stack** built on top of React Navigation’s native stack.
+All the usual native-stack options are available, plus the following extras:
 
-> **Note**: `Transition.createTransitionableStackNavigator()` returns a Native Stack Navigator that's been injected with the necessary functionality for screen transitions to work.
+| Option | Type | Description |
+|---|---|---|
+| `enableTransitions` | `boolean` | Switches the screen to a transparent modal and disables the header so custom transitions can take over. |
+| `screenStyleInterpolator` | `ScreenStyleInterpolator` | Function that returns animated styles based on transition progress. |
+| `transitionSpec` | `TransitionSpec` | Reanimated timing/spring config for open/close animations. |
+| `gestureEnabled` | `boolean` | Whether swipe-to-dismiss is allowed. |
+| `gestureDirection` | `GestureDirection \| GestureDirection[]` | Allowed swipe directions (`vertical`, `horizontal`, etc.). |
+| `gestureVelocityImpact` | `number` | How much the gesture’s velocity affects dismissal. |
+| `gestureResponseDistance` | `number` | Distance from screen where the gesture is recognized. |
+| `gestureDrivesProgress` | `boolean` | Whether the gesture directly drives the transition progress. |
+
+### Renamed native options (extended stack)
+
+To avoid collisions with the new options above, the built-in React Navigation gesture props are renamed:
+
+| React Navigation prop | Renamed to |
+|---|---|
+| `gestureDirection` | `nativeGestureDirection` |
+| `gestureEnabled` | `nativeGestureEnabled` |
+| `gestureResponseDistance` | `nativeGestureResponseDistance` |
+
+All other React Navigation native-stack options keep their original names.
 
 
 ## Creating your screen animations
@@ -140,10 +109,6 @@ The incoming screen automatically controls the previous screen.
 <Stack>
   <Stack.Screen
     name="a"
-    options={{
-      // avoids transparent-modal default for first screen
-      skipDefaultScreenOptions: true,
-    }}
   />
   <Stack.Screen
     name="b"
@@ -160,45 +125,35 @@ The incoming screen automatically controls the previous screen.
 </Stack>
 ```
 
-> ⚠️ **Important**
-> Any screen that **must** participate in a transition (i.e., be animated) **must** be wrapped in a transition-aware component.
-> For example, if both `a` and `b` are meant to animate, wrap each screen’s root like this:
-
-```tsx
-// a.tsx
-<Transition.View>
-  ...
-</Transition.View>
-
-// b.tsx
-<Transition.View>
-  ...
-</Transition.View>
-```
-
-Without this wrapper, the transition system cannot animate the screen and the animation will appear broken or skipped.
-
-
-
 ### Navigator-level custom animations
 
 Instead of presets, you can define a custom transition directly on the screen’s options.
-The `screenStyleInterpolator` receives the current and next screen’s progress and lets you animate both at once.
+`screenStyleInterpolator` receives an object with the following useful fields:
+
+- `progress` – overall transition progress (`0 → 2`).
+- `current` – state for the current screen (includes `progress`, `closing`, `gesture`, `route`, etc.).
+- `previous` – state for the previous screen (may be `undefined`).
+- `next` – state for the next screen (may be `undefined`).
+- `layouts.screen` – `{ width, height }` of the container.
+- `insets` – `{ top, right, bottom, left }` safe-area insets.
+- `bounds(id)` – helper to compute shared-element transforms (see IntelliSense for chainable methods).
+- `activeBoundId`	– id of the active bound.
+- `focused` – state of the current screen
+
 
 ```tsx
 import { interpolate } from 'react-native-reanimated'
+
 <Stack.Screen
   name="b"
   options={{
+    enableTransitions: true,
     screenStyleInterpolator: ({
-      current,
-      next,
       layouts: { screen: { width } },
+      progress,
     }) => {
       "worklet";
 
-      const progress = current.progress.value + (next?.progress.value ?? 0);
-
       const x = interpolate(progress, [0, 1, 2], [width, 0, -width]);
       return {
         contentStyle: {
@@ -225,11 +180,12 @@ import { useScreenAnimation } from 'react-native-screen-transitions';
 import Animated, { useAnimatedStyle, interpolate } from 'react-native-reanimated';
 
 export default function BScreen() {
-  const { current } = useScreenAnimation();
+  const props = useScreenAnimation();
 
   const animatedStyle = useAnimatedStyle(() => {
+    const { current: { progress } } = props.value
     return {
-      opacity: current.progress.value
+      opacity: progress
     };
   });
 
@@ -241,29 +197,6 @@ export default function BScreen() {
 }
 ```
 
-## Apply screen transitions to nested navigators
-
-When a screen contains its own stack (e.g., `b` is a nested navigator), wrap the nested `Stack` in a `Transition.View`.
-
-```tsx
-// app/b/_layout.tsx  (nested stack for screen "b")
-import { Stack } from 'expo-router';
-import Transition from 'react-native-screen-transitions';
-
-export default function BLayout() {
-  return (
-    <Transition.View>
-      <Stack>
-        <Stack.Screen name="index" options={{ headerShown: false }} />
-        <Stack.Screen name="details" options={{ headerShown: false }} />
-      </Stack>
-    </Transition.View>
-  );
-}
-```
-
-The outer transition now treats the entire nested stack as a single animatable view while each inner screen can still function normally—whether you keep the native stack or swap it for the Transitionable Stack.
-
 ## Swipe-to-dismiss with scrollables
 
 You can drag a screen away even when it contains a scroll view.
@@ -276,14 +209,14 @@ import { FlashList } from "@shopify/flash-list";
 
 // Drop-in replacements
 const ScrollView = Transition.ScrollView;
-const FlatList   = Transition.FlatList;
+const FlatList = Transition.FlatList;
 
 // Or wrap any list you like
 const TransitionFlashList =
-  Transition.createTransitionAwareScrollable(FlashList);
+  Transition.createTransitionAwareScrollable(FlashList, { isScrollable: true });
 
 const TransitionLegendList =
-  Transition.createTransitionAwareScrollable(LegendList);
+  Transition.createTransitionAwareScrollable(LegendList, { isScrollable: true} );
 ```
 
 Enable the gesture on the screen:
@@ -292,6 +225,7 @@ Enable the gesture on the screen:
 <Stack.Screen
   name="gallery"
   options={{
+    enableTransitions: true,
     gestureEnabled: true,
     gestureDirection: 'vertical', // or 'horizontal', ['vertical', 'horizontal'], etc.
   }}
@@ -316,22 +250,140 @@ Gesture rules (handled automatically):
 - **vertical-inverted** – only starts when the list is at the very bottom
 - **horizontal** / **horizontal-inverted** – only starts when the list is at the left or right edge
 
-These rules apply **only when the screen contains a nested scrollable**.
+These rules apply **only when the screen contains a scrollable**.
 If no scroll view is present, the gesture can begin from **anywhere on the screen**—not restricted to the edges.
 
-## Performance tips
+## Bounds (measure-driven screen transitions)
+
+Bounds let you animate **any component** between two screens by measuring its start and end positions.
+They are **not shared elements**—they’re just measurements.
+Tag the component you want to animate with `sharedBoundTag`, then describe how it should move when the screen transition starts.
+
+1. Tag the source component
+
+```tsx
+<Transition.View sharedBoundTag="hero" style={{ width: 100, height: 100 }}>
+  <Image source={uri} style={{ width: '100%', height: '100%' }} resizeMode="cover" />
+</Transition.View>
+```
+
+2. Tag the destination component (same id)
+
+```tsx
+<Transition.View sharedBoundTag="hero" style={{ width: 200, height: 200 }}>
+  <Image source={uri} style={{ width: '100%', height: '100%' }} resizeMode="cover" />
+</Transition.View>
+```
+
+3. Drive the animation in `screenStyleInterpolator`
+
+```tsx
+screenStyleInterpolator: ({
+  activeBoundId,
+  bounds,
+  focused,
+  current,
+  next,
+}) => {
+  "worklet";
+
+  const animatedBoundStyles = bounds()
+    .relative()
+    .transform()
+    .build();
+
+  return {
+    [activeBoundId]: animatedBoundStyles,
+  };
+};
+```
+
+That’s it—the bounds helper works alongside focused and unfocused screens.
+For further customization, separate logic by the `focused` prop:
 
-Keep animations smooth and responsive:
+```tsx
+screenStyleInterpolator: ({
+  activeBoundId,
+  bounds,
+  focused,
+  current,
+  next,
+}) => {
+  "worklet";
+
+
+  if (focused) {
+    const focusedBoundStyles = bounds()
+      .relative()
+      .transform()
+      .build();
+
+    return {
+      [activeBoundId]: focusedBoundStyles,
+    };
+  }
+
+  return {}
+};
+```
+
+
+### Choosing the right modifier
+
+| Modifier | When to use |
+|---|---|
+| `gestures({x,y})` | Sync the bound with live gesture deltas (drag, swipe). |
+| `toFullscreen()` | Destination has no `sharedBoundTag`; animate to full-screen size. |
+| `absolute()` | Element is not constrained by parent layout (uses pageX/pageY). |
+| `relative()` | Element is inside layout constraints (default). |
+| `transform()` | Animate with `translateX/Y` + `scaleX/Y` (default). |
+| `size()` | Animate `translateX/Y` + `width/height` (no scale). |
+| `content()` | Center the container so its bound aligns with the source at progress start. |
+| `contentFill()` / `contentFit()` | Control how the content scales inside the container. |
+| `build()` | Finalize the animated style object. |
+
+### Quick access: `bounds.get()`
+
+Need the raw measurements or styles for a specific bound?
+Call `bounds.get(boundId, phase)` to retrieve the exact dimensions and style object for any bound tag and screen phase (`current`, `next`, or `previous`).
+
+```tsx
+const heroMetrics = bounds.get('hero', 'current');
+// heroMetrics = { bounds: { x, y, width, height, pageX, pageY }, styles: { ... } }
+```
+
+Use this when you want explicit control over which bound’s data you animate, regardless of the current screen focus.
+
+### Animating individual components with `styleId`
+
+Use `styleId` to animate a single view inside a screen.
+
+1. Tag the element:
+
+```tsx
+<Transition.View styleId="fade-box" style={{ width: 100, height: 100, backgroundColor: 'crimson' }} />
+```
+
+2. Drive it from the interpolator:
+
+```tsx
+screenStyleInterpolator: ({ progress }) => {
+  "worklet";
+
+  return {
+    'fade-box': {
+      opacity: interpolate(progress, [0, 1, 2],[0, 1, 0])
+    }
+  };
+};
+```
 
-- **Optimize screen content** – avoid heavy computations, complex layouts, or expensive renders in screens that animate
-- **Use GPU-friendly properties** – stick to `transform` and `opacity` which are hardware-accelerated; avoid animating `width`, `height`, `padding`, large `borderRadius`, and complex shadows
-- **Choose appropriate timing** – use natural easing curves and durations that feel responsive without being jarring
+The red square fades in as the screen opens.
 
-## Roadmap
+## Known Issues
 
-- **Shared element transitions** – seamless hand-off of components between screens
-- **Gesture-driven forward navigation** – allow gestures to trigger push navigation events
-- **Performance maximization** – further reduce JS thread work and leverage Reanimated 3’s new APIs for even smoother 60 fps animations
+- **Delayed Touch Events** – There’s a noticeable delay in touch events, likely caused by the `beforeRemove` listener in the native stack. If this affects your app, please hold off on using this package until a fix is available.
+- **Deeply nested navigators with scrollables** – Behavior is currently unstable. We recommend using programmatic dismissal for deeply nested navigators that contain scrollables, as the gesture-driven dismissal logic needs an overhaul.
 
 
 ## Support and Development
@@ -343,6 +395,9 @@ This package is provided as-is and is developed in my free time. While I strive
 
 I apologize for any inconvenience this may cause. If you encounter issues or have suggestions, please feel free to open an issue on the repository.
 
+### Support the project
+I’ve estimated I downed around 60 cups of coffee while building this.
+If you’d like to fuel the next release, [buy me a coffee](https://buymeacoffee.com/trpfsu)
 
 
 

package/lib/commonjs/__tests__ /geometry.test.js

@@ -0,0 +1,178 @@
+"use strict";
+
+var _bunTest = require("bun:test");
+var _geometry = require("../utils/bounds/geometry");
+(0, _bunTest.describe)("computeRelativeGeometry", () => {
+  (0, _bunTest.it)("calculates correct relative geometry when entering", () => {
+    const start = {
+      x: 10,
+      y: 20,
+      pageX: 10,
+      pageY: 20,
+      width: 100,
+      height: 200
+    };
+    const end = {
+      x: 50,
+      y: 100,
+      pageX: 50,
+      pageY: 100,
+      width: 200,
+      height: 400
+    };
+    const result = (0, _geometry.computeRelativeGeometry)({
+      start,
+      end,
+      entering: true
+    });
+    (0, _bunTest.expect)(result.dx).toBe(-90); // center diff X
+    (0, _bunTest.expect)(result.dy).toBe(-180); // center diff Y
+    (0, _bunTest.expect)(result.scaleX).toBe(0.5); // width ratio
+    (0, _bunTest.expect)(result.scaleY).toBe(0.5); // height ratio
+    (0, _bunTest.expect)(result.ranges).toEqual([0, 1]);
+    (0, _bunTest.expect)(result.entering).toBe(true);
+  });
+  (0, _bunTest.it)("calculates correct relative geometry when exiting", () => {
+    const start = {
+      x: 0,
+      y: 0,
+      pageX: 10,
+      pageY: 20,
+      width: 100,
+      height: 200
+    };
+    const end = {
+      x: 0,
+      y: 0,
+      pageX: 50,
+      pageY: 100,
+      width: 200,
+      height: 400
+    };
+    const result = (0, _geometry.computeRelativeGeometry)({
+      start,
+      end,
+      entering: false
+    });
+    (0, _bunTest.expect)(result.ranges).toEqual([1, 2]);
+    (0, _bunTest.expect)(result.entering).toBe(false);
+  });
+});
+(0, _bunTest.describe)("computeContentTransformGeometry", () => {
+  const dimensions = {
+    width: 375,
+    height: 812,
+    scale: 1,
+    fontScale: 1
+  };
+  (0, _bunTest.it)("calculates transform with aspectFit mode", () => {
+    const start = {
+      x: 0,
+      y: 0,
+      pageX: 50,
+      pageY: 100,
+      width: 100,
+      height: 100
+    };
+    const end = {
+      x: 0,
+      y: 0,
+      pageX: 100,
+      pageY: 200,
+      width: 200,
+      height: 50
+    };
+    const result = (0, _geometry.computeContentTransformGeometry)({
+      start,
+      end,
+      entering: true,
+      dimensions,
+      contentScaleMode: "aspectFit"
+    });
+    (0, _bunTest.expect)(result.s).toBe(0.5);
+    (0, _bunTest.expect)(result.entering).toBe(true);
+    (0, _bunTest.expect)(result.ranges).toEqual([0, 1]);
+  });
+  (0, _bunTest.it)("calculates transform with aspectFill mode", () => {
+    const start = {
+      x: 0,
+      y: 0,
+      pageX: 50,
+      pageY: 100,
+      width: 100,
+      height: 100
+    };
+    const end = {
+      x: 0,
+      y: 0,
+      pageX: 100,
+      pageY: 200,
+      width: 200,
+      height: 50
+    };
+    const result = (0, _geometry.computeContentTransformGeometry)({
+      start,
+      end,
+      entering: true,
+      dimensions,
+      contentScaleMode: "aspectFill"
+    });
+    (0, _bunTest.expect)(result.s).toBe(2);
+  });
+  (0, _bunTest.it)("handles auto mode based on aspect ratio difference", () => {
+    const start = {
+      x: 0,
+      y: 0,
+      pageX: 0,
+      pageY: 0,
+      width: 100,
+      height: 100
+    };
+    const end = {
+      x: 0,
+      y: 0,
+      pageX: 0,
+      pageY: 0,
+      width: 200,
+      height: 195
+    };
+    const result = (0, _geometry.computeContentTransformGeometry)({
+      start,
+      end,
+      entering: true,
+      dimensions,
+      contentScaleMode: "auto"
+    });
+    (0, _bunTest.expect)(result.s).toBeCloseTo(0.512, 2);
+  });
+  (0, _bunTest.it)("handles zero dimensions safely", () => {
+    const start = {
+      x: 0,
+      y: 0,
+      pageX: 0,
+      pageY: 0,
+      width: 0,
+      height: 100
+    };
+    const end = {
+      x: 0,
+      y: 0,
+      pageX: 0,
+      pageY: 0,
+      width: 200,
+      height: 200
+    };
+
+    // Should not throw and use safe fallback
+    const result = (0, _geometry.computeContentTransformGeometry)({
+      start,
+      end,
+      entering: true,
+      dimensions,
+      contentScaleMode: "aspectFit"
+    });
+    (0, _bunTest.expect)(result.s).toBeDefined();
+    (0, _bunTest.expect)(Number.isFinite(result.s)).toBe(true);
+  });
+});
+//# sourceMappingURL=geometry.test.js.map

package/lib/commonjs/__tests__ /geometry.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bunTest","require","_geometry","describe","it","start","x","y","pageX","pageY","width","height","end","result","computeRelativeGeometry","entering","expect","dx","toBe","dy","scaleX","scaleY","ranges","toEqual","dimensions","scale","fontScale","computeContentTransformGeometry","contentScaleMode","s","toBeCloseTo","toBeDefined","Number","isFinite"],"sourceRoot":"../../../src","sources":["__tests__ /geometry.test.ts"],"mappings":"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","ignoreList":[]}