react-native-screen-transitions 3.3.0-beta.1 → 3.3.0-beta.3

package/src/shared/index.ts

@@ -18,6 +18,7 @@ export default {
 	Specs,
 };
 
+export { snapTo } from "./animation/snap-to";
 export { useScreenAnimation } from "./hooks/animation/use-screen-animation";
 export { useScreenGesture } from "./hooks/gestures/use-screen-gesture";
 export { useHistory } from "./hooks/navigation/use-history";

package/src/shared/providers/gestures.provider.tsx

@@ -1,12 +1,7 @@
-import { StyleSheet, View } from "react-native";
-import {
-	GestureDetector,
-	type GestureType,
-} from "react-native-gesture-handler";
+import type { GestureType } from "react-native-gesture-handler";
 import type { SharedValue } from "react-native-reanimated";
 import { useSharedValue } from "react-native-reanimated";
 import { useBuildGestures } from "../hooks/gestures/use-build-gestures";
-import { useBackdropPointerEvents } from "../hooks/use-backdrop-pointer-events";
 import type { GestureStoreMap } from "../stores/gesture.store";
 import createProvider from "../utils/create-provider";
 import { useKeys } from "./screen/keys.provider";
@@ -45,7 +40,6 @@ export const {
 	const { current } = useKeys();
 	const ancestorContext = useGestureContext();
 	const scrollConfig = useSharedValue<ScrollConfig | null>(null);
-	const { pointerEvents } = useBackdropPointerEvents();
 
 	const hasGestures = current.options.gestureEnabled === true;
 
@@ -67,18 +61,6 @@ export const {
 
 	return {
 		value,
-		children: (
-			<GestureDetector gesture={panGesture}>
-				<View style={styles.container} pointerEvents={pointerEvents}>
-					{children}
-				</View>
-			</GestureDetector>
-		),
+		children,
 	};
 });
-
-const styles = StyleSheet.create({
-	container: {
-		flex: 1,
-	},
-});

package/src/shared/stores/animation.store.ts

@@ -6,6 +6,7 @@ export type AnimationStoreMap = {
 	animating: SharedValue<number>;
 	closing: SharedValue<number>;
 	entering: SharedValue<number>;
+	targetProgress: SharedValue<number>;
 };
 
 const store: Record<ScreenKey, AnimationStoreMap> = {};
@@ -18,6 +19,7 @@ const ensure = (key: ScreenKey) => {
 			closing: makeMutable(0),
 			animating: makeMutable(0),
 			entering: makeMutable(1),
+			targetProgress: makeMutable(1),
 		} satisfies AnimationStoreMap;
 		store[key] = bag;
 	}

package/src/shared/utils/animation/animate-to-progress.ts

@@ -44,7 +44,9 @@ export const animateToProgress = ({
 			? { ...config, velocity: initialVelocity }
 			: config;
 
-	const { progress, animating, closing, entering } = animations;
+	const { progress, animating, closing, entering, targetProgress } = animations;
+
+	targetProgress.set(value);
 
 	if (isClosing) {
 		closing.set(TRUE);