react-native-screen-transitions 3.0.0 → 3.1.0

package/README.md

@@ -211,51 +211,85 @@ import { interpolate } from "react-native-reanimated";
 
 ### Interpolator Props
 
-| Prop                    | Description                                              |
-| ----------------------- | -------------------------------------------------------- |
-| `progress`              | Combined progress (0-2). 0=entering, 1=active, 2=exiting |
-| `stackProgress`         | Accumulated progress across entire stack (0, 1, 2, 3...) |
-| `current`               | Current screen state (progress, closing, gesture, meta)  |
-| `previous`              | Previous screen state (may be undefined)                 |
-| `next`                  | Next screen state (may be undefined)                     |
-| `layouts.screen`        | Screen dimensions `{ width, height }`                    |
-| `insets`                | Safe area insets `{ top, right, bottom, left }`          |
-| `focused`               | Whether current screen is the topmost                    |
-| `active`                | The screen driving the transition                        |
-| `isActiveTransitioning` | Whether active screen is animating                       |
-| `isDismissing`          | Whether active screen is being dismissed                 |
-| `bounds`                | Function to access shared element positions              |
-
-### Screen State (`current`, `previous`, `next`)
+| Prop             | Description                                              |
+| ---------------- | -------------------------------------------------------- |
+| `progress`       | Combined progress (0-2). 0=entering, 1=active, 2=exiting |
+| `stackProgress`  | Accumulated progress across entire stack (0, 1, 2, 3...) |
+| `current`        | Current screen state (progress, closing, gesture, meta)  |
+| `previous`       | Previous screen state (may be undefined)                 |
+| `next`           | Next screen state (may be undefined)                     |
+| `layouts.screen` | Screen dimensions `{ width, height }`                    |
+| `insets`         | Safe area insets `{ top, right, bottom, left }`          |
+| `focused`        | Whether current screen is the topmost                    |
+| `active`         | The screen driving the transition                        |
+| `inactive`       | The screen NOT driving the transition                    |
+| `bounds`         | Function to access shared element positions              |
+
+### Screen State (`current`, `previous`, `next`, `active`, `inactive`)
 
 Each screen state contains:
 
-| Property   | Description                                        |
-| ---------- | -------------------------------------------------- |
-| `progress` | Animation progress for this screen (0 or 1)        |
-| `closing`  | Whether screen is closing (0 or 1)                 |
-| `animating`| Whether screen is currently animating (0 or 1)     |
-| `gesture`  | Gesture values (x, y, normalizedX, normalizedY, etc.) |
-| `meta`     | Custom metadata from screen options                |
+| Property    | Description                                           |
+| ----------- | ----------------------------------------------------- |
+| `progress`  | Animation progress for this screen (0 or 1)           |
+| `closing`   | Whether screen is closing (0 or 1)                    |
+| `animating` | Whether screen is currently animating (0 or 1)        |
+| `gesture`   | Gesture values (x, y, normalizedX, normalizedY, etc.) |
+| `meta`      | Custom metadata from screen options                   |
+
+### Understanding `active` and `inactive`
+
+The `active` and `inactive` props help you write cleaner conditional logic:
+
+- **`active`** – The screen driving the transition. When focused, this is `current`. When not focused, this is `next`.
+- **`inactive`** – The screen NOT driving the transition. When focused, this is `previous`. When not focused, this is `current`.
+
+```tsx
+// Check if the inactive screen wants to disable an animation
+const disableTranslateY = props.inactive?.meta?.disableTranslateYAnimation;
+
+// Check if the active screen is animating or closing
+const isAnimating = props.active.animating;
+const isClosing = props.active.closing;
+```
 
 ### Using `meta` for Conditional Logic
 
 Use `meta` to pass custom data for conditional animation logic. This is more robust than checking route names:
 
 ```tsx
-// In screen options
+// Screen A sets meta to affect how Screen B animates
 <Stack.Screen
-  name="Detail"
+  name="ScreenA"
+  options={{
+    meta: { disableTranslateYAnimation: true },
+  }}
+/>
+
+// Screen B checks inactive screen's meta
+<Stack.Screen
+  name="ScreenB"
   options={{
-    meta: { scalesOthers: true },
-    screenStyleInterpolator: ({ progress }) => {
+    screenStyleInterpolator: (props) => {
       "worklet";
-      return { contentStyle: { opacity: progress } };
+
+      // When entering from ScreenA, inactive = ScreenA (previous)
+      // When going back to ScreenA, inactive = ScreenB (current)
+      const disableY = props.inactive?.meta?.disableTranslateYAnimation;
+
+      return {
+        contentStyle: {
+          transform: [{ translateY: disableY ? 0 : translateY }],
+        },
+      };
     },
   }}
 />
+```
+
+You can also react to screen state changes within components:
 
-// In a component on a previous screen
+```tsx
 const animation = useScreenAnimation();
 
 useAnimatedReaction(
@@ -390,11 +424,11 @@ screenStyleInterpolator: ({ bounds, progress }) => {
 };
 ```
 
-| Method                                     | Description                                           |
-| ------------------------------------------ | ----------------------------------------------------- |
-| `bounds.getLink(id)`                       | Get source/destination bounds and styles for a tag    |
-| `bounds.interpolateStyle(id, prop, fallback?)` | Interpolate a numeric style between source and dest   |
-| `bounds.getSnapshot(id, key)`              | Manual lookup by specific screen key (edge cases)     |
+| Method                                         | Description                                         |
+| ---------------------------------------------- | --------------------------------------------------- |
+| `bounds.getLink(id)`                           | Get source/destination bounds and styles for a tag  |
+| `bounds.interpolateStyle(id, prop, fallback?)` | Interpolate a numeric style between source and dest |
+| `bounds.getSnapshot(id, key)`                  | Manual lookup by specific screen key (edge cases)   |
 
 ---
 
@@ -508,15 +542,15 @@ An overlay that moves with screen content:
 
 ### Overlay Props
 
-| Prop               | Description                                                  |
-| ------------------ | ------------------------------------------------------------ |
-| `focusedRoute`     | Currently focused route                                      |
-| `focusedIndex`     | Index of focused screen                                      |
-| `routes`           | All routes in the stack                                      |
-| `meta`             | Custom metadata passed from screen options                   |
-| `navigation`       | Navigation prop                                              |
-| `overlayAnimation` | Animation values with `progress` accumulated across stack    |
-| `screenAnimation`  | Animation values for the current focused screen              |
+| Prop               | Description                                               |
+| ------------------ | --------------------------------------------------------- |
+| `focusedRoute`     | Currently focused route                                   |
+| `focusedIndex`     | Index of focused screen                                   |
+| `routes`           | All routes in the stack                                   |
+| `meta`             | Custom metadata passed from screen options                |
+| `navigation`       | Navigation prop                                           |
+| `overlayAnimation` | Animation values with `progress` accumulated across stack |
+| `screenAnimation`  | Animation values for the current focused screen           |
 
 ### Passing Custom Data
 
@@ -616,10 +650,12 @@ transitionSpec: {
 
 ## Masked View Setup
 
-Required for `SharedIGImage` and `SharedAppleMusic` presets.
+Required for `SharedIGImage` and `SharedAppleMusic` presets. The masked view creates the "reveal" effect where content appears to expand from the shared element.
 
 > **Note**: Requires native code. Will not work in Expo Go.
 
+### Installation
+
 ```bash
 # Expo
 npx expo install @react-native-masked-view/masked-view
@@ -629,18 +665,100 @@ npm install @react-native-masked-view/masked-view
 cd ios && pod install
 ```
 
-Wrap destination screen content:
+### Complete Example
+
+Here's a full example showing how to set up an Apple Music-style shared element transition:
+
+**1. Source Screen** – Tag pressable elements with `sharedBoundTag`:
+
+```tsx
+// app/index.tsx
+import { router } from "expo-router";
+import { View } from "react-native";
+import Transition from "react-native-screen-transitions";
+
+export default function HomeScreen() {
+  return (
+    <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
+      <Transition.Pressable
+        sharedBoundTag="album-art"
+        style={{
+          width: 200,
+          height: 200,
+          backgroundColor: "#1DB954",
+          borderRadius: 12,
+        }}
+        onPress={() => {
+          router.push({
+            pathname: "/details",
+            params: { sharedBoundTag: "album-art" },
+          });
+        }}
+      />
+    </View>
+  );
+}
+```
+
+**2. Destination Screen** – Wrap content with `MaskedView` and match the `sharedBoundTag`:
 
 ```tsx
-export default function DetailScreen() {
+// app/details.tsx
+import { useLocalSearchParams } from "expo-router";
+import Transition from "react-native-screen-transitions";
+
+export default function DetailsScreen() {
+  const { sharedBoundTag } = useLocalSearchParams<{ sharedBoundTag: string }>();
+
   return (
-    <Transition.MaskedView style={{ flex: 1 }}>
-      {/* screen content */}
+    <Transition.MaskedView style={{ flex: 1, backgroundColor: "#121212" }}>
+      <Transition.View
+        sharedBoundTag={sharedBoundTag}
+        style={{
+          backgroundColor: "#1DB954",
+          width: 400,
+          height: 400,
+          alignSelf: "center",
+          borderRadius: 12,
+        }}
+      />
+      {/* Additional screen content */}
     </Transition.MaskedView>
   );
 }
 ```
 
+**3. Layout** – Apply the shared element preset with dynamic `sharedBoundTag`:
+
+```tsx
+// app/_layout.tsx
+import Transition from "react-native-screen-transitions";
+import { Stack } from "./stack";
+
+export default function RootLayout() {
+  return (
+    <Stack>
+      <Stack.Screen name="index" />
+      <Stack.Screen
+        name="details"
+        options={({ route }) => ({
+          ...Transition.Presets.SharedAppleMusic({
+            sharedBoundTag: route.params?.sharedBoundTag ?? "",
+          }),
+        })}
+      />
+    </Stack>
+  );
+}
+```
+
+### How It Works
+
+1. `Transition.Pressable` measures its bounds when pressed and stores them with the `sharedBoundTag`
+2. `Transition.View` on the destination screen registers as the target for that tag
+3. `Transition.MaskedView` clips the destination content to the animating shared element bounds
+4. The preset interpolates position, size, and the mask to create the seamless expand/collapse effect
+
 ---
 
 ## Native Stack
@@ -725,6 +843,19 @@ To avoid collisions with custom gesture options, some native options are renamed
 
 ---
 
+## Migrating from Earlier Versions
+
+### Deprecated Props
+
+The following props are deprecated and will be removed in a future version:
+
+| Deprecated Prop         | Use Instead        |
+| ----------------------- | ------------------ |
+| `isActiveTransitioning` | `active.animating` |
+| `isDismissing`          | `active.closing`   |
+
+---
+
 ## Support
 
 This package is developed in my spare time. Updates and bug fixes may take time.

package/lib/commonjs/shared/hooks/animation/use-screen-animation.js

@@ -98,6 +98,7 @@ function _useScreenAnimation() {
       progress,
       ...helpers
     } = (0, _derivations.derivations)({
+      previous,
       current,
       next
     });

package/lib/commonjs/shared/hooks/animation/use-screen-animation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_constants","_flags","_keys","_routes","_animation","_gesture","_computeStackProgress","_derivations","_bounds","createScreenTransitionState","route","meta","progress","closing","animating","gesture","x","y","normalizedX","normalizedY","isDismissing","isDragging","direction","unwrapInto","s","out","unwrapped","value","useBuildScreenTransitionState","descriptor","key","options","useMemo","undefined","AnimationStore","getAnimation","GestureStore","getRouteGestures","hasTransitionsEnabled","alwaysOn","enableTransitions","_useScreenAnimation","dimensions","useWindowDimensions","insets","useSafeAreaInsets","flags","useFlagsContext","transitionsAlwaysOn","TRANSITIONS_ALWAYS_ON","current","currentDescriptor","next","nextDescriptor","previous","previousDescriptor","useKeys","currentAnimation","nextAnimation","prevAnimation","currentRouteKey","stackAnimationValues","useStackAnimationValues","screenInterpolatorProps","useDerivedValue","DEFAULT_SCREEN_TRANSITION_STATE","helpers","derivations","stackProgress","computeStackProgress","layouts","screen","nextInterpolator","screenStyleInterpolator","currentInterpolator","useScreenAnimation","props","bounds","createBounds"],"sourceRoot":"../../../../../src","sources":["shared/hooks/animation/use-screen-animation.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_constants","_flags","_keys","_routes","_animation","_gesture","_computeStackProgress","_derivations","_bounds","createScreenTransitionState","route","meta","progress","closing","animating","gesture","x","y","normalizedX","normalizedY","isDismissing","isDragging","direction","unwrapInto","s","out","unwrapped","value","useBuildScreenTransitionState","descriptor","key","options","useMemo","undefined","AnimationStore","getAnimation","GestureStore","getRouteGestures","hasTransitionsEnabled","alwaysOn","enableTransitions","_useScreenAnimation","dimensions","useWindowDimensions","insets","useSafeAreaInsets","flags","useFlagsContext","transitionsAlwaysOn","TRANSITIONS_ALWAYS_ON","current","currentDescriptor","next","nextDescriptor","previous","previousDescriptor","useKeys","currentAnimation","nextAnimation","prevAnimation","currentRouteKey","stackAnimationValues","useStackAnimationValues","screenInterpolatorProps","useDerivedValue","DEFAULT_SCREEN_TRANSITION_STATE","helpers","derivations","stackProgress","computeStackProgress","layouts","screen","nextInterpolator","screenStyleInterpolator","currentInterpolator","useScreenAnimation","props","bounds","createBounds"],"sourceRoot":"../../../../../src","sources":["shared/hooks/animation/use-screen-animation.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/shared/utils/animation/derivations.js

@@ -8,6 +8,7 @@ exports.derivations = void 0;
  * Additional values to help make defining animations easier.
  */
 const derivations = ({
+  previous,
   current,
   next
 }) => {
@@ -18,13 +19,19 @@ const derivations = ({
 
   // Whether the current screen is focused
   const focused = !next;
+
+  // The screen driving the transition
   const active = focused ? current : next ?? current;
+
+  // The screen NOT driving the transition
+  const inactive = focused ? previous : current;
   const isActiveTransitioning = !!(active.gesture.isDragging || active.animating);
   const isDismissing = !!(active.gesture.isDismissing || active.closing);
   return {
     progress,
     focused,
     active,
+    inactive,
     isActiveTransitioning,
     isDismissing
   };

package/lib/commonjs/shared/utils/animation/derivations.js.map

@@ -1 +1 @@
-{"version":3,"names":["derivations","current","next","progress","focused","active","isActiveTransitioning","gesture","isDragging","animating","isDismissing","closing","exports"],"sourceRoot":"../../../../../src","sources":["shared/utils/animation/derivations.ts"],"mappings":";;;;;;AAOA;AACA;AACA;AACO,MAAMA,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAwB,CAAC,KAAK;EACpE,SAAS;;EAET;EACA,MAAMC,QAAQ,GAAGF,OAAO,CAACE,QAAQ,IAAID,IAAI,EAAEC,QAAQ,IAAI,CAAC,CAAC;;EAEzD;EACA,MAAMC,OAAO,GAAG,CAACF,IAAI;EAErB,MAAMG,MAAM,GAAGD,OAAO,GAAGH,OAAO,GAAIC,IAAI,IAAID,OAAQ;EACpD,MAAMK,qBAAqB,GAAG,CAAC,EAC9BD,MAAM,CAACE,OAAO,CAACC,UAAU,IAAIH,MAAM,CAACI,SAAS,CAC7C;EAED,MAAMC,YAAY,GAAG,CAAC,EAAEL,MAAM,CAACE,OAAO,CAACG,YAAY,IAAIL,MAAM,CAACM,OAAO,CAAC;EAEtE,OAAO;IACNR,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,qBAAqB;IACrBI;EACD,CAAC;AACF,CAAC;AAACE,OAAA,CAAAZ,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["derivations","previous","current","next","progress","focused","active","inactive","isActiveTransitioning","gesture","isDragging","animating","isDismissing","closing","exports"],"sourceRoot":"../../../../../src","sources":["shared/utils/animation/derivations.ts"],"mappings":";;;;;;AAQA;AACA;AACA;AACO,MAAMA,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAwB,CAAC,KAAK;EAC9E,SAAS;;EAET;EACA,MAAMC,QAAQ,GAAGF,OAAO,CAACE,QAAQ,IAAID,IAAI,EAAEC,QAAQ,IAAI,CAAC,CAAC;;EAEzD;EACA,MAAMC,OAAO,GAAG,CAACF,IAAI;;EAErB;EACA,MAAMG,MAAM,GAAGD,OAAO,GAAGH,OAAO,GAAIC,IAAI,IAAID,OAAQ;;EAEpD;EACA,MAAMK,QAAQ,GAAGF,OAAO,GAAGJ,QAAQ,GAAGC,OAAO;EAE7C,MAAMM,qBAAqB,GAAG,CAAC,EAC9BF,MAAM,CAACG,OAAO,CAACC,UAAU,IAAIJ,MAAM,CAACK,SAAS,CAC7C;EAED,MAAMC,YAAY,GAAG,CAAC,EAAEN,MAAM,CAACG,OAAO,CAACG,YAAY,IAAIN,MAAM,CAACO,OAAO,CAAC;EAEtE,OAAO;IACNT,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,qBAAqB;IACrBI;EACD,CAAC;AACF,CAAC;AAACE,OAAA,CAAAd,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/module/shared/hooks/animation/use-screen-animation.js

@@ -93,6 +93,7 @@ export function _useScreenAnimation() {
       progress,
       ...helpers
     } = derivations({
+      previous,
       current,
       next
     });

package/lib/module/shared/hooks/animation/use-screen-animation.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useWindowDimensions","useDerivedValue","useSafeAreaInsets","DEFAULT_SCREEN_TRANSITION_STATE","useFlagsContext","useKeys","useStackAnimationValues","AnimationStore","GestureStore","computeStackProgress","derivations","createBounds","createScreenTransitionState","route","meta","progress","closing","animating","gesture","x","y","normalizedX","normalizedY","isDismissing","isDragging","direction","unwrapInto","s","out","unwrapped","value","useBuildScreenTransitionState","descriptor","key","options","undefined","getAnimation","getRouteGestures","hasTransitionsEnabled","alwaysOn","enableTransitions","_useScreenAnimation","dimensions","insets","flags","transitionsAlwaysOn","TRANSITIONS_ALWAYS_ON","current","currentDescriptor","next","nextDescriptor","previous","previousDescriptor","currentAnimation","nextAnimation","prevAnimation","currentRouteKey","stackAnimationValues","screenInterpolatorProps","helpers","stackProgress","layouts","screen","nextInterpolator","screenStyleInterpolator","currentInterpolator","useScreenAnimation","props","bounds"],"sourceRoot":"../../../../../src","sources":["shared/hooks/animation/use-screen-animation.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useMemo","useWindowDimensions","useDerivedValue","useSafeAreaInsets","DEFAULT_SCREEN_TRANSITION_STATE","useFlagsContext","useKeys","useStackAnimationValues","AnimationStore","GestureStore","computeStackProgress","derivations","createBounds","createScreenTransitionState","route","meta","progress","closing","animating","gesture","x","y","normalizedX","normalizedY","isDismissing","isDragging","direction","unwrapInto","s","out","unwrapped","value","useBuildScreenTransitionState","descriptor","key","options","undefined","getAnimation","getRouteGestures","hasTransitionsEnabled","alwaysOn","enableTransitions","_useScreenAnimation","dimensions","insets","flags","transitionsAlwaysOn","TRANSITIONS_ALWAYS_ON","current","currentDescriptor","next","nextDescriptor","previous","previousDescriptor","currentAnimation","nextAnimation","prevAnimation","currentRouteKey","stackAnimationValues","screenInterpolatorProps","helpers","stackProgress","layouts","screen","nextInterpolator","screenStyleInterpolator","currentInterpolator","useScreenAnimation","props","bounds"],"sourceRoot":"../../../../../src","sources":["shared/hooks/animation/use-screen-animation.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/shared/utils/animation/derivations.js

@@ -4,6 +4,7 @@
  * Additional values to help make defining animations easier.
  */
 export const derivations = ({
+  previous,
   current,
   next
 }) => {
@@ -14,13 +15,19 @@ export const derivations = ({
 
   // Whether the current screen is focused
   const focused = !next;
+
+  // The screen driving the transition
   const active = focused ? current : next ?? current;
+
+  // The screen NOT driving the transition
+  const inactive = focused ? previous : current;
   const isActiveTransitioning = !!(active.gesture.isDragging || active.animating);
   const isDismissing = !!(active.gesture.isDismissing || active.closing);
   return {
     progress,
     focused,
     active,
+    inactive,
     isActiveTransitioning,
     isDismissing
   };

package/lib/module/shared/utils/animation/derivations.js.map

@@ -1 +1 @@
-{"version":3,"names":["derivations","current","next","progress","focused","active","isActiveTransitioning","gesture","isDragging","animating","isDismissing","closing"],"sourceRoot":"../../../../../src","sources":["shared/utils/animation/derivations.ts"],"mappings":";;AAOA;AACA;AACA;AACA,OAAO,MAAMA,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAwB,CAAC,KAAK;EACpE,SAAS;;EAET;EACA,MAAMC,QAAQ,GAAGF,OAAO,CAACE,QAAQ,IAAID,IAAI,EAAEC,QAAQ,IAAI,CAAC,CAAC;;EAEzD;EACA,MAAMC,OAAO,GAAG,CAACF,IAAI;EAErB,MAAMG,MAAM,GAAGD,OAAO,GAAGH,OAAO,GAAIC,IAAI,IAAID,OAAQ;EACpD,MAAMK,qBAAqB,GAAG,CAAC,EAC9BD,MAAM,CAACE,OAAO,CAACC,UAAU,IAAIH,MAAM,CAACI,SAAS,CAC7C;EAED,MAAMC,YAAY,GAAG,CAAC,EAAEL,MAAM,CAACE,OAAO,CAACG,YAAY,IAAIL,MAAM,CAACM,OAAO,CAAC;EAEtE,OAAO;IACNR,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,qBAAqB;IACrBI;EACD,CAAC;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["derivations","previous","current","next","progress","focused","active","inactive","isActiveTransitioning","gesture","isDragging","animating","isDismissing","closing"],"sourceRoot":"../../../../../src","sources":["shared/utils/animation/derivations.ts"],"mappings":";;AAQA;AACA;AACA;AACA,OAAO,MAAMA,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAwB,CAAC,KAAK;EAC9E,SAAS;;EAET;EACA,MAAMC,QAAQ,GAAGF,OAAO,CAACE,QAAQ,IAAID,IAAI,EAAEC,QAAQ,IAAI,CAAC,CAAC;;EAEzD;EACA,MAAMC,OAAO,GAAG,CAACF,IAAI;;EAErB;EACA,MAAMG,MAAM,GAAGD,OAAO,GAAGH,OAAO,GAAIC,IAAI,IAAID,OAAQ;;EAEpD;EACA,MAAMK,QAAQ,GAAGF,OAAO,GAAGJ,QAAQ,GAAGC,OAAO;EAE7C,MAAMM,qBAAqB,GAAG,CAAC,EAC9BF,MAAM,CAACG,OAAO,CAACC,UAAU,IAAIJ,MAAM,CAACK,SAAS,CAC7C;EAED,MAAMC,YAAY,GAAG,CAAC,EAAEN,MAAM,CAACG,OAAO,CAACG,YAAY,IAAIN,MAAM,CAACO,OAAO,CAAC;EAEtE,OAAO;IACNT,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,qBAAqB;IACrBI;EACD,CAAC;AACF,CAAC","ignoreList":[]}

package/lib/typescript/shared/hooks/animation/use-screen-animation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-screen-animation.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/animation/use-screen-animation.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACX,wBAAwB,EAExB,MAAM,6BAA6B,CAAC;AAoFrC,wBAAgB,mBAAmB;;;EA8DlC;AAED,wBAAgB,kBAAkB,6EAUjC"}
+{"version":3,"file":"use-screen-animation.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/animation/use-screen-animation.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACX,wBAAwB,EAExB,MAAM,6BAA6B,CAAC;AAoFrC,wBAAgB,mBAAmB;;;EA+DlC;AAED,wBAAgB,kBAAkB,6EAUjC"}

package/lib/typescript/shared/types/animation.types.d.ts

@@ -124,12 +124,19 @@ export interface ScreenInterpolationProps {
      * The screen state that is currently driving the transition (either current or next, whichever is focused).
      */
     active: ScreenTransitionState;
+    /**
+     * The screen state that is NOT driving the transition.
+     * When focused, this is the previous screen. When not focused, this is the current screen.
+     */
+    inactive: ScreenTransitionState | undefined;
     /**
      * Whether the active screen is currently transitioning (either being dragged or animating).
+     * @deprecated Use `active.animating` instead.
      */
     isActiveTransitioning: boolean;
     /**
      * Whether the active screen is in the process of being dismissed/closed.
+     * @deprecated Use `active.closing` instead.
      */
     isDismissing: boolean;
 }

package/lib/typescript/shared/types/animation.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation.types.d.ts","sourceRoot":"","sources":["../../../../src/shared/types/animation.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,KAAK,EACX,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,yBAAyB;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE;QACR;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,MAAM,qBAAqB,GAAG;IACnC;;;;;;;OAOG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;;;OAMG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IACH,OAAO,EAAE,aAAa,CAAC;IAEvB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE/B;;;;;;OAMG;IACH,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACxC;;OAEG;IACH,QAAQ,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAE5C;;OAEG;IACH,OAAO,EAAE,qBAAqB,CAAC;IAE/B;;OAEG;IACH,IAAI,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAExC;;OAEG;IACH,OAAO,EAAE;QACR;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IAEF;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC;IAEtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;;;;;;;OAUG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,MAAM,EAAE,qBAAqB,CAAC;IAE9B;;OAEG;IACH,qBAAqB,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,uBAAuB,GAAG,CACrC,KAAK,EAAE,wBAAwB,KAC3B,2BAA2B,CAAC;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;OAEG;IACH,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;CACxB"}
+{"version":3,"file":"animation.types.d.ts","sourceRoot":"","sources":["../../../../src/shared/types/animation.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,KAAK,EACX,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,yBAAyB;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE;QACR;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,MAAM,qBAAqB,GAAG;IACnC;;;;;;;OAOG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;;;OAMG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IACH,OAAO,EAAE,aAAa,CAAC;IAEvB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE/B;;;;;;OAMG;IACH,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACxC;;OAEG;IACH,QAAQ,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAE5C;;OAEG;IACH,OAAO,EAAE,qBAAqB,CAAC;IAE/B;;OAEG;IACH,IAAI,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAExC;;OAEG;IACH,OAAO,EAAE;QACR;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IAEF;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC;IAEtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;;;;;;;OAUG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,MAAM,EAAE,qBAAqB,CAAC;IAE9B;;;OAGG;IACH,QAAQ,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAE5C;;;OAGG;IACH,qBAAqB,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,uBAAuB,GAAG,CACrC,KAAK,EAAE,wBAAwB,KAC3B,2BAA2B,CAAC;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;OAEG;IACH,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;CACxB"}

package/lib/typescript/shared/utils/animation/derivations.d.ts

@@ -1,15 +1,17 @@
 import type { ScreenTransitionState } from "../../types/animation.types";
 interface DerivationsParams {
+    previous?: ScreenTransitionState;
     current: ScreenTransitionState;
     next?: ScreenTransitionState;
 }
 /**
  * Additional values to help make defining animations easier.
  */
-export declare const derivations: ({ current, next }: DerivationsParams) => {
+export declare const derivations: ({ previous, current, next }: DerivationsParams) => {
     progress: number;
     focused: boolean;
     active: ScreenTransitionState;
+    inactive: ScreenTransitionState | undefined;
     isActiveTransitioning: boolean;
     isDismissing: boolean;
 };

package/lib/typescript/shared/utils/animation/derivations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"derivations.d.ts","sourceRoot":"","sources":["../../../../../src/shared/utils/animation/derivations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,UAAU,iBAAiB;IAC1B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,mBAAmB,iBAAiB;;;;;;CAuB/D,CAAC"}
+{"version":3,"file":"derivations.d.ts","sourceRoot":"","sources":["../../../../../src/shared/utils/animation/derivations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,UAAU,iBAAiB;IAC1B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,OAAO,EAAE,qBAAqB,CAAC;IAC/B,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,6BAA6B,iBAAiB;;;;;;;CA6BzE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-screen-transitions",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Easy screen transitions for React Native and Expo",
   "author": "Ed",
   "license": "MIT",

package/src/shared/hooks/animation/use-screen-animation.tsx

@@ -137,6 +137,7 @@ export function _useScreenAnimation() {
 			: DEFAULT_SCREEN_TRANSITION_STATE;
 
 		const { progress, ...helpers } = derivations({
+			previous,
 			current,
 			next,
 		});

package/src/shared/types/animation.types.ts

@@ -147,13 +147,21 @@ export interface ScreenInterpolationProps {
 	 */
 	active: ScreenTransitionState;
 
+	/**
+	 * The screen state that is NOT driving the transition.
+	 * When focused, this is the previous screen. When not focused, this is the current screen.
+	 */
+	inactive: ScreenTransitionState | undefined;
+
 	/**
 	 * Whether the active screen is currently transitioning (either being dragged or animating).
+	 * @deprecated Use `active.animating` instead.
 	 */
 	isActiveTransitioning: boolean;
 
 	/**
 	 * Whether the active screen is in the process of being dismissed/closed.
+	 * @deprecated Use `active.closing` instead.
 	 */
 	isDismissing: boolean;
 }

package/src/shared/utils/animation/derivations.ts

@@ -1,6 +1,7 @@
 import type { ScreenTransitionState } from "../../types/animation.types";
 
 interface DerivationsParams {
+	previous?: ScreenTransitionState;
 	current: ScreenTransitionState;
 	next?: ScreenTransitionState;
 }
@@ -8,7 +9,7 @@ interface DerivationsParams {
 /**
  * Additional values to help make defining animations easier.
  */
-export const derivations = ({ current, next }: DerivationsParams) => {
+export const derivations = ({ previous, current, next }: DerivationsParams) => {
 	"worklet";
 
 	// The combined progress (current + next, 0-2 range)
@@ -17,7 +18,12 @@ export const derivations = ({ current, next }: DerivationsParams) => {
 	// Whether the current screen is focused
 	const focused = !next;
 
+	// The screen driving the transition
 	const active = focused ? current : (next ?? current);
+
+	// The screen NOT driving the transition
+	const inactive = focused ? previous : current;
+
 	const isActiveTransitioning = !!(
 		active.gesture.isDragging || active.animating
 	);
@@ -28,6 +34,7 @@ export const derivations = ({ current, next }: DerivationsParams) => {
 		progress,
 		focused,
 		active,
+		inactive,
 		isActiveTransitioning,
 		isDismissing,
 	};