@lodev09/react-native-true-sheet 3.1.1 → 3.2.1

package/lib/typescript/src/navigation/screen/TrueSheetScreen.d.ts

@@ -0,0 +1,3 @@
+import type { TrueSheetScreenProps } from './types';
+export declare const TrueSheetScreen: ({ detentIndex, resizeKey, navigation, emit, routeKey, closing, detents, children, positionChangeHandler, ...sheetProps }: TrueSheetScreenProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TrueSheetScreen.d.ts.map

package/lib/typescript/src/navigation/screen/TrueSheetScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrueSheetScreen.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/screen/TrueSheetScreen.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,eAAO,MAAM,eAAe,GAAI,0HAW7B,oBAAoB,4CAmCtB,CAAC"}

package/lib/typescript/src/navigation/screen/index.d.ts

@@ -0,0 +1,4 @@
+export { TrueSheetScreen } from './TrueSheetScreen';
+export { useSheetScreenState } from './useSheetScreenState';
+export type { TrueSheetScreenProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/navigation/screen/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/screen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/navigation/screen/types.d.ts

@@ -0,0 +1,17 @@
+import type { ParamListBase } from '@react-navigation/native';
+import type { PositionChangeEventPayload, TrueSheetProps } from '../../TrueSheet.types';
+import type { TrueSheetNavigationHelpers, TrueSheetNavigationProp } from '../types';
+export type PositionChangeHandler = (payload: PositionChangeEventPayload) => void;
+export interface TrueSheetScreenProps {
+    detentIndex: number;
+    resizeKey?: number;
+    navigation: TrueSheetNavigationProp<ParamListBase>;
+    emit: TrueSheetNavigationHelpers['emit'];
+    routeKey: string;
+    closing?: boolean;
+    detents: TrueSheetProps['detents'];
+    children: React.ReactNode;
+    positionChangeHandler?: PositionChangeHandler;
+    [key: string]: unknown;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/navigation/screen/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/screen/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,KAAK,EAAE,0BAA0B,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEpF,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,0BAA0B,KAAK,IAAI,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

package/lib/typescript/src/navigation/screen/useSheetScreenState.d.ts

@@ -0,0 +1,35 @@
+import { TrueSheet } from '../../TrueSheet';
+import type { DetentChangeEvent, DetentInfoEventPayload, DidBlurEvent, DidFocusEvent, DidPresentEvent, DragBeginEvent, DragChangeEvent, DragEndEvent, PositionChangeEvent, PositionChangeEventPayload, WillBlurEvent, WillDismissEvent, WillFocusEvent, WillPresentEvent } from '../../TrueSheet.types';
+import type { TrueSheetNavigationEventMap, TrueSheetNavigationHelpers, TrueSheetNavigationProp } from '../types';
+import type { ParamListBase } from '@react-navigation/native';
+type EmitFn = TrueSheetNavigationHelpers['emit'];
+interface UseSheetScreenStateProps {
+    detentIndex: number;
+    resizeKey?: number;
+    closing?: boolean;
+    navigation: TrueSheetNavigationProp<ParamListBase>;
+    routeKey: string;
+    emit: EmitFn;
+}
+export declare const useSheetScreenState: (props: UseSheetScreenStateProps) => {
+    ref: import("react").RefObject<TrueSheet | null>;
+    initialDetentIndex: number;
+    emitEvent: (type: keyof TrueSheetNavigationEventMap, data: DetentInfoEventPayload | PositionChangeEventPayload | undefined) => void;
+    eventHandlers: {
+        onWillPresent: (e: WillPresentEvent) => void;
+        onDidPresent: (e: DidPresentEvent) => void;
+        onWillDismiss: (_e: WillDismissEvent) => void;
+        onDidDismiss: () => void;
+        onDetentChange: (e: DetentChangeEvent) => void;
+        onDragBegin: (e: DragBeginEvent) => void;
+        onDragChange: (e: DragChangeEvent) => void;
+        onDragEnd: (e: DragEndEvent) => void;
+        onPositionChange: (e: PositionChangeEvent) => void;
+        onWillFocus: (_e: WillFocusEvent) => void;
+        onDidFocus: (_e: DidFocusEvent) => void;
+        onWillBlur: (_e: WillBlurEvent) => void;
+        onDidBlur: (_e: DidBlurEvent) => void;
+    };
+};
+export {};
+//# sourceMappingURL=useSheetScreenState.d.ts.map

package/lib/typescript/src/navigation/screen/useSheetScreenState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetScreenState.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/screen/useSheetScreenState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,cAAc,EACd,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,0BAA0B,EAC1B,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EACV,2BAA2B,EAC3B,0BAA0B,EAC1B,uBAAuB,EACxB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,KAAK,MAAM,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;AAEjD,UAAU,wBAAwB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB;;;sBA6BzD,MAAM,2BAA2B,QACjC,sBAAsB,GAAG,0BAA0B,GAAG,SAAS;;2BAsBhD,gBAAgB;0BACjB,eAAe;4BACb,gBAAgB;;4BAEhB,iBAAiB;yBACpB,cAAc;0BACb,eAAe;uBAClB,YAAY;8BACL,mBAAmB;0BACvB,cAAc;yBACf,aAAa;yBACb,aAAa;wBACd,YAAY;;CAGjC,CAAC"}

package/lib/typescript/src/navigation/types.d.ts

@@ -1,5 +1,6 @@
 import type { DefaultNavigatorOptions, Descriptor, NavigationHelpers, NavigationProp, NavigationState, ParamListBase, RouteProp, StackActionHelpers } from '@react-navigation/native';
 import type { DetentInfoEventPayload, PositionChangeEventPayload, TrueSheetProps } from '../TrueSheet.types';
+import type { PositionChangeHandler } from './screen/types';
 export type TrueSheetNavigationEventMap = {
     /**
      * Event fired when the sheet is about to be presented.
@@ -109,6 +110,32 @@ export type TrueSheetNavigationOptions = Pick<TrueSheetProps, 'detents' | 'backg
      * @default 0
      */
     detentIndex?: number;
+    /**
+     * Use ReanimatedTrueSheet for this screen.
+     * Enables worklet-based `onPositionChange` events.
+     *
+     * @default false
+     */
+    reanimated?: boolean;
+    /**
+     * A callback that receives position change events.
+     * When `reanimated` is enabled, this must be a worklet function.
+     *
+     * @example
+     * ```tsx
+     * <Navigator.Screen
+     *   name="Sheet"
+     *   options={{
+     *     reanimated: true,
+     *     positionChangeHandler: (payload) => {
+     *       'worklet';
+     *       animatedValue.value = payload.position;
+     *     },
+     *   }}
+     * />
+     * ```
+     */
+    positionChangeHandler?: PositionChangeHandler;
 };
 export type TrueSheetNavigatorProps = DefaultNavigatorOptions<ParamListBase, string | undefined, TrueSheetNavigationState<ParamListBase>, TrueSheetNavigationOptions, TrueSheetNavigationEventMap, unknown> & {
     /**

package/lib/typescript/src/navigation/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/navigation/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/navigation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,aAAa,EACb,SAAS,EACT,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EACV,sBAAsB,EACtB,0BAA0B,EAC1B,cAAc,EACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,gBAAgB,EAAE;QAAE,IAAI,EAAE,sBAAsB,CAAA;KAAE,CAAC;IACnD;;OAEG;IACH,eAAe,EAAE;QAAE,IAAI,EAAE,sBAAsB,CAAA;KAAE,CAAC;IAClD;;OAEG;IACH,gBAAgB,EAAE;QAAE,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC;IACtC;;OAEG;IACH,eAAe,EAAE;QAAE,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC;IACrC;;OAEG;IACH,iBAAiB,EAAE;QAAE,IAAI,EAAE,sBAAsB,CAAA;KAAE,CAAC;IACpD;;OAEG;IACH,cAAc,EAAE;QAAE,IAAI,EAAE,sBAAsB,CAAA;KAAE,CAAC;IACjD;;OAEG;IACH,eAAe,EAAE;QAAE,IAAI,EAAE,sBAAsB,CAAA;KAAE,CAAC;IAClD;;OAEG;IACH,YAAY,EAAE;QAAE,IAAI,EAAE,sBAAsB,CAAA;KAAE,CAAC;IAC/C;;OAEG;IACH,mBAAmB,EAAE;QAAE,IAAI,EAAE,0BAA0B,CAAA;KAAE,CAAC;IAC1D;;OAEG;IACH,cAAc,EAAE;QAAE,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC;IACpC;;OAEG;IACH,aAAa,EAAE;QAAE,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC;IACnC;;OAEG;IACH,aAAa,EAAE;QAAE,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC;IACnC;;OAEG;IACH,YAAY,EAAE;QAAE,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,SAAS,SAAS,aAAa,IAAI,IAAI,CAC1E,eAAe,CAAC,SAAS,CAAC,EAC1B,QAAQ,CACT,GAAG;IACF,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,GAAG;QACtD,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC,EAAE,CAAC;CACN,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,SAAS,SAAS,aAAa,IAChE,kBAAkB,CAAC,SAAS,CAAC,GAAG;IAC9B;;OAEG;IACH,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEJ,MAAM,MAAM,uBAAuB,CACjC,SAAS,SAAS,aAAa,EAC/B,SAAS,SAAS,MAAM,SAAS,GAAG,MAAM,EAC1C,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,IAChD,cAAc,CAChB,SAAS,EACT,SAAS,EACT,WAAW,EACX,wBAAwB,CAAC,SAAS,CAAC,EACnC,0BAA0B,EAC1B,2BAA2B,CAC5B,GACC,sBAAsB,CAAC,SAAS,CAAC,CAAC;AAEpC,MAAM,MAAM,oBAAoB,CAC9B,SAAS,SAAS,aAAa,EAC/B,SAAS,SAAS,MAAM,SAAS,GAAG,MAAM,EAC1C,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,IAChD;IACF,UAAU,EAAE,uBAAuB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;IACvE,KAAK,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,CACxD,aAAa,EACb,2BAA2B,CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,cAAc,EACZ,SAAS,GACT,iBAAiB,GACjB,cAAc,GACd,aAAa,GACb,WAAW,GACX,SAAS,GACT,gBAAgB,GAChB,QAAQ,GACR,mBAAmB,GACnB,UAAU,GACV,aAAa,GACb,WAAW,GACX,sBAAsB,GACtB,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,QAAQ,CACX,GAAG;IACF;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;;;;;;;;;;;OAiBG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,uBAAuB,CAC3D,aAAa,EACb,MAAM,GAAG,SAAS,EAClB,wBAAwB,CAAC,aAAa,CAAC,EACvC,0BAA0B,EAC1B,2BAA2B,EAC3B,OAAO,CACR,GAAG;IACF;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,0BAA0B,EAC1B,uBAAuB,CAAC,aAAa,CAAC,EACtC,SAAS,CAAC,aAAa,CAAC,CACzB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAC;CACpC,CAAC"}

package/lib/typescript/src/navigation/useTrueSheetNavigation.d.ts

@@ -19,5 +19,5 @@ import type { TrueSheetNavigationProp } from './types';
  * }
  * ```
  */
-export declare function useTrueSheetNavigation<T extends ParamListBase = ParamListBase>(): TrueSheetNavigationProp<T>;
+export declare const useTrueSheetNavigation: <T extends ParamListBase = ParamListBase>() => TrueSheetNavigationProp<T>;
 //# sourceMappingURL=useTrueSheetNavigation.d.ts.map

package/lib/typescript/src/navigation/useTrueSheetNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTrueSheetNavigation.d.ts","sourceRoot":"","sources":["../../../../src/navigation/useTrueSheetNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE7E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,sBAAsB,CACpC,CAAC,SAAS,aAAa,GAAG,aAAa,KACpC,uBAAuB,CAAC,CAAC,CAAC,CAE9B"}
+{"version":3,"file":"useTrueSheetNavigation.d.ts","sourceRoot":"","sources":["../../../../src/navigation/useTrueSheetNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE7E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,sBAAsB,GACjC,CAAC,SAAS,aAAa,GAAG,aAAa,OACpC,uBAAuB,CAAC,CAAC,CAAgD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "3.1.1",
+  "version": "3.2.1",
   "description": "The true native bottom sheet experience for your React Native Apps.",
   "source": "./src/index.ts",
   "main": "./lib/module/index.js",

package/src/navigation/TrueSheetRouter.ts

@@ -35,20 +35,14 @@ export type TrueSheetActionType =
 
 export const TrueSheetActions = {
   ...StackActions,
-  resize(index: number): TrueSheetActionType {
-    return { type: 'RESIZE', index };
-  },
-  dismiss(): TrueSheetActionType {
-    return { type: 'DISMISS' };
-  },
-  remove(): TrueSheetActionType {
-    return { type: 'REMOVE' };
-  },
+  resize: (index: number): TrueSheetActionType => ({ type: 'RESIZE', index }),
+  dismiss: (): TrueSheetActionType => ({ type: 'DISMISS' }),
+  remove: (): TrueSheetActionType => ({ type: 'REMOVE' }),
 };
 
-export function TrueSheetRouter(
+export const TrueSheetRouter = (
   routerOptions: StackRouterOptions
-): Router<TrueSheetNavigationState<ParamListBase>, TrueSheetActionType> {
+): Router<TrueSheetNavigationState<ParamListBase>, TrueSheetActionType> => {
   const baseRouter = StackRouter(routerOptions) as unknown as Router<
     TrueSheetNavigationState<ParamListBase>,
     TrueSheetActionType
@@ -169,4 +163,4 @@ export function TrueSheetRouter(
 
     actionCreators: TrueSheetActions,
   };
-}
+};

package/src/navigation/TrueSheetView.tsx

@@ -1,225 +1,26 @@
 import type { ParamListBase } from '@react-navigation/native';
-import React, { useCallback, useEffect, useRef } from 'react';
 
-import { TrueSheet } from '../TrueSheet';
-import type {
-  DetentChangeEvent,
-  DetentInfoEventPayload,
-  DidBlurEvent,
-  DidFocusEvent,
-  DidPresentEvent,
-  DragBeginEvent,
-  DragChangeEvent,
-  DragEndEvent,
-  PositionChangeEvent,
-  PositionChangeEventPayload,
-  WillBlurEvent,
-  WillDismissEvent,
-  WillFocusEvent,
-  WillPresentEvent,
-} from '../TrueSheet.types';
 import type {
   TrueSheetDescriptorMap,
-  TrueSheetNavigationEventMap,
   TrueSheetNavigationHelpers,
-  TrueSheetNavigationOptions,
-  TrueSheetNavigationProp,
   TrueSheetNavigationState,
 } from './types';
-import { TrueSheetActions } from './TrueSheetRouter';
+import { TrueSheetScreen, type TrueSheetScreenProps } from './screen';
 
-type EmitFn = TrueSheetNavigationHelpers['emit'];
+let ReanimatedTrueSheetScreen: React.ComponentType<TrueSheetScreenProps> | null = null;
 
-type TrueSheetScreenProps = Omit<TrueSheetNavigationOptions, 'detentIndex'> & {
-  detentIndex: number;
-  resizeKey?: number;
-  navigation: TrueSheetNavigationProp<ParamListBase>;
-  emit: EmitFn;
-  routeKey: string;
-  closing?: boolean;
-  children: React.ReactNode;
+const getReanimatedScreen = (): React.ComponentType<TrueSheetScreenProps> => {
+  if (!ReanimatedTrueSheetScreen) {
+    ReanimatedTrueSheetScreen =
+      require('./screen/ReanimatedTrueSheetScreen').ReanimatedTrueSheetScreen;
+  }
+  return ReanimatedTrueSheetScreen!;
 };
 
-function TrueSheetScreen({
-  detentIndex,
-  resizeKey,
-  navigation,
-  emit,
-  routeKey,
-  closing,
-  detents,
-  children,
-  ...sheetProps
-}: TrueSheetScreenProps) {
-  const ref = useRef<TrueSheet>(null);
-  const isDismissedRef = useRef(false);
-  const isFirstRenderRef = useRef(true);
-  // Capture initial detent index only once
-  const initialDetentIndexRef = useRef(detentIndex);
-
-  // Handle closing state change - dismiss the sheet and wait for animation
-  useEffect(() => {
-    if (closing && !isDismissedRef.current) {
-      isDismissedRef.current = true;
-      (async () => {
-        await ref.current?.dismiss();
-        navigation.dispatch({ ...TrueSheetActions.remove(), source: routeKey });
-      })();
-    } else if (closing && isDismissedRef.current) {
-      // Sheet was already dismissed by user swipe, just remove
-      navigation.dispatch({ ...TrueSheetActions.remove(), source: routeKey });
-    }
-  }, [closing, navigation, routeKey]);
-
-  // Handle resize - resizeKey ensures effect runs even when resizing to same index
-  useEffect(() => {
-    // Skip first render - initialDetentIndex handles initial presentation
-    if (isFirstRenderRef.current) {
-      isFirstRenderRef.current = false;
-      return;
-    }
-
-    ref.current?.resize(detentIndex);
-  }, [detentIndex, resizeKey]);
-
-  const emitEvent = useCallback(
-    (
-      type: keyof TrueSheetNavigationEventMap,
-      data: DetentInfoEventPayload | PositionChangeEventPayload | undefined
-    ) => {
-      emit({
-        type,
-        target: routeKey,
-        data,
-      } as Parameters<EmitFn>[0]);
-    },
-    [emit, routeKey]
-  );
-
-  const onWillPresent = useCallback(
-    (e: WillPresentEvent) => {
-      emitEvent('sheetWillPresent', e.nativeEvent);
-    },
-    [emitEvent]
-  );
-
-  const onDidPresent = useCallback(
-    (e: DidPresentEvent) => {
-      emitEvent('sheetDidPresent', e.nativeEvent);
-    },
-    [emitEvent]
-  );
-
-  const onWillDismiss = useCallback(
-    (_e: WillDismissEvent) => {
-      emitEvent('sheetWillDismiss', undefined);
-    },
-    [emitEvent]
-  );
-
-  const onDidDismiss = useCallback(() => {
-    emitEvent('sheetDidDismiss', undefined);
-    // User dismissed the sheet by swiping down
-    if (!isDismissedRef.current) {
-      isDismissedRef.current = true;
-      navigation.goBack();
-    }
-  }, [emitEvent, navigation]);
-
-  const onDetentChange = useCallback(
-    (e: DetentChangeEvent) => {
-      emitEvent('sheetDetentChange', e.nativeEvent);
-    },
-    [emitEvent]
-  );
-
-  const onDragBegin = useCallback(
-    (e: DragBeginEvent) => {
-      emitEvent('sheetDragBegin', e.nativeEvent);
-    },
-    [emitEvent]
-  );
-
-  const onDragChange = useCallback(
-    (e: DragChangeEvent) => {
-      emitEvent('sheetDragChange', e.nativeEvent);
-    },
-    [emitEvent]
-  );
-
-  const onDragEnd = useCallback(
-    (e: DragEndEvent) => {
-      emitEvent('sheetDragEnd', e.nativeEvent);
-    },
-    [emitEvent]
-  );
-
-  const onPositionChange = useCallback(
-    (e: PositionChangeEvent) => {
-      emitEvent('sheetPositionChange', e.nativeEvent);
-    },
-    [emitEvent]
-  );
-
-  const onWillFocus = useCallback(
-    (_e: WillFocusEvent) => {
-      emitEvent('sheetWillFocus', undefined);
-    },
-    [emitEvent]
-  );
-
-  const onDidFocus = useCallback(
-    (_e: DidFocusEvent) => {
-      emitEvent('sheetDidFocus', undefined);
-    },
-    [emitEvent]
-  );
-
-  const onWillBlur = useCallback(
-    (_e: WillBlurEvent) => {
-      emitEvent('sheetWillBlur', undefined);
-    },
-    [emitEvent]
-  );
-
-  const onDidBlur = useCallback(
-    (_e: DidBlurEvent) => {
-      emitEvent('sheetDidBlur', undefined);
-    },
-    [emitEvent]
-  );
-
-  return (
-    <TrueSheet
-      ref={ref}
-      name={`navigation-sheet-${routeKey}`}
-      initialDetentIndex={initialDetentIndexRef.current}
-      detents={detents}
-      onWillPresent={onWillPresent}
-      onDidPresent={onDidPresent}
-      onWillDismiss={onWillDismiss}
-      onDidDismiss={onDidDismiss}
-      onDetentChange={onDetentChange}
-      onDragBegin={onDragBegin}
-      onDragChange={onDragChange}
-      onDragEnd={onDragEnd}
-      onPositionChange={onPositionChange}
-      onWillFocus={onWillFocus}
-      onDidFocus={onDidFocus}
-      onWillBlur={onWillBlur}
-      onDidBlur={onDidBlur}
-      {...sheetProps}
-    >
-      {children}
-    </TrueSheet>
-  );
-}
-
 const DEFAULT_DETENTS: ('auto' | number)[] = ['auto'];
 
-function clampDetentIndex(index: number, detentsLength: number): number {
-  return Math.min(index, Math.max(detentsLength - 1, 0));
-}
+const clampDetentIndex = (index: number, detentsLength: number): number =>
+  Math.min(index, Math.max(detentsLength - 1, 0));
 
 interface TrueSheetViewProps {
   state: TrueSheetNavigationState<ParamListBase>;
@@ -227,7 +28,7 @@ interface TrueSheetViewProps {
   descriptors: TrueSheetDescriptorMap;
 }
 
-export function TrueSheetView({ state, navigation, descriptors }: TrueSheetViewProps) {
+export const TrueSheetView = ({ state, navigation, descriptors }: TrueSheetViewProps) => {
   // First route is the base screen, rest are sheets
   const [baseRoute, ...sheetRoutes] = state.routes;
 
@@ -247,9 +48,35 @@ export function TrueSheetView({ state, navigation, descriptors }: TrueSheetViewP
         }
 
         const { options, navigation: screenNavigation, render } = descriptor;
-        const { detentIndex = 0, detents = DEFAULT_DETENTS, ...sheetProps } = options;
+        const {
+          detentIndex = 0,
+          detents = DEFAULT_DETENTS,
+          reanimated,
+          positionChangeHandler,
+          ...sheetProps
+        } = options;
         const resolvedIndex = clampDetentIndex(route.resizeIndex ?? detentIndex, detents.length);
 
+        if (reanimated) {
+          const ReanimatedScreen = getReanimatedScreen();
+          return (
+            <ReanimatedScreen
+              key={route.key}
+              routeKey={route.key}
+              closing={route.closing}
+              detentIndex={resolvedIndex}
+              resizeKey={route.resizeKey}
+              detents={detents}
+              navigation={screenNavigation}
+              emit={navigation.emit}
+              positionChangeHandler={positionChangeHandler}
+              {...sheetProps}
+            >
+              {render()}
+            </ReanimatedScreen>
+          );
+        }
+
         return (
           <TrueSheetScreen
             key={route.key}
@@ -260,6 +87,7 @@ export function TrueSheetView({ state, navigation, descriptors }: TrueSheetViewP
             detents={detents}
             navigation={screenNavigation}
             emit={navigation.emit}
+            positionChangeHandler={positionChangeHandler}
             {...sheetProps}
           >
             {render()}
@@ -268,4 +96,4 @@ export function TrueSheetView({ state, navigation, descriptors }: TrueSheetViewP
       })}
     </>
   );
-}
+};

package/src/navigation/createTrueSheetNavigator.tsx

@@ -18,13 +18,13 @@ import type {
   TrueSheetNavigatorProps,
 } from './types';
 
-function TrueSheetNavigator({
+const TrueSheetNavigator = ({
   id,
   initialRouteName,
   children,
   screenListeners,
   screenOptions,
-}: TrueSheetNavigatorProps) {
+}: TrueSheetNavigatorProps) => {
   const { state, descriptors, navigation, NavigationContent } = useNavigationBuilder<
     TrueSheetNavigationState<ParamListBase>,
     TrueSheetRouterOptions,
@@ -44,7 +44,7 @@ function TrueSheetNavigator({
       <TrueSheetView state={state} navigation={navigation} descriptors={descriptors} />
     </NavigationContent>
   );
-}
+};
 
 /**
  * Creates a TrueSheet navigator.

package/src/navigation/screen/ReanimatedTrueSheetScreen.tsx

@@ -0,0 +1,61 @@
+import Animated from 'react-native-reanimated';
+import { scheduleOnRN } from 'react-native-worklets';
+
+import { useReanimatedPositionChangeHandler } from '../../reanimated';
+import { TrueSheet } from '../../TrueSheet';
+import type { PositionChangeEvent } from '../../TrueSheet.types';
+import type { TrueSheetScreenProps } from './types';
+import { useSheetScreenState } from './useSheetScreenState';
+
+const AnimatedTrueSheet = Animated.createAnimatedComponent(TrueSheet);
+
+export const ReanimatedTrueSheetScreen = ({
+  detentIndex,
+  resizeKey,
+  navigation,
+  emit,
+  routeKey,
+  closing,
+  detents,
+  children,
+  positionChangeHandler,
+  ...sheetProps
+}: TrueSheetScreenProps) => {
+  const {
+    ref,
+    initialDetentIndex,
+    eventHandlers: { onPositionChange, ...eventHandlers },
+  } = useSheetScreenState({
+    detentIndex,
+    resizeKey,
+    closing,
+    navigation,
+    routeKey,
+    emit,
+  });
+
+  const reanimatedPositionChangeHandler = useReanimatedPositionChangeHandler(
+    (payload) => {
+      'worklet';
+      positionChangeHandler?.(payload);
+      scheduleOnRN(onPositionChange, {
+        nativeEvent: payload,
+      } as PositionChangeEvent);
+    },
+    [onPositionChange, positionChangeHandler]
+  );
+
+  return (
+    <AnimatedTrueSheet
+      ref={ref}
+      name={`navigation-sheet-${routeKey}`}
+      initialDetentIndex={initialDetentIndex}
+      detents={detents}
+      onPositionChange={reanimatedPositionChangeHandler}
+      {...eventHandlers}
+      {...sheetProps}
+    >
+      {children}
+    </AnimatedTrueSheet>
+  );
+};

package/src/navigation/screen/TrueSheetScreen.tsx

@@ -0,0 +1,54 @@
+import { useCallback } from 'react';
+
+import { TrueSheet } from '../../TrueSheet';
+import type { PositionChangeEvent } from '../../TrueSheet.types';
+import type { TrueSheetScreenProps } from './types';
+import { useSheetScreenState } from './useSheetScreenState';
+
+export const TrueSheetScreen = ({
+  detentIndex,
+  resizeKey,
+  navigation,
+  emit,
+  routeKey,
+  closing,
+  detents,
+  children,
+  positionChangeHandler,
+  ...sheetProps
+}: TrueSheetScreenProps) => {
+  const {
+    ref,
+    initialDetentIndex,
+    eventHandlers: { onPositionChange, ...eventHandlers },
+  } = useSheetScreenState({
+    detentIndex,
+    resizeKey,
+    closing,
+    navigation,
+    routeKey,
+    emit,
+  });
+
+  const handlePositionChange = useCallback(
+    (e: PositionChangeEvent) => {
+      onPositionChange(e);
+      positionChangeHandler?.(e.nativeEvent);
+    },
+    [onPositionChange, positionChangeHandler]
+  );
+
+  return (
+    <TrueSheet
+      ref={ref}
+      name={`navigation-sheet-${routeKey}`}
+      initialDetentIndex={initialDetentIndex}
+      detents={detents}
+      onPositionChange={handlePositionChange}
+      {...eventHandlers}
+      {...sheetProps}
+    >
+      {children}
+    </TrueSheet>
+  );
+};

package/src/navigation/screen/index.ts

@@ -0,0 +1,3 @@
+export { TrueSheetScreen } from './TrueSheetScreen';
+export { useSheetScreenState } from './useSheetScreenState';
+export type { TrueSheetScreenProps } from './types';

package/src/navigation/screen/types.ts

@@ -0,0 +1,19 @@
+import type { ParamListBase } from '@react-navigation/native';
+
+import type { PositionChangeEventPayload, TrueSheetProps } from '../../TrueSheet.types';
+import type { TrueSheetNavigationHelpers, TrueSheetNavigationProp } from '../types';
+
+export type PositionChangeHandler = (payload: PositionChangeEventPayload) => void;
+
+export interface TrueSheetScreenProps {
+  detentIndex: number;
+  resizeKey?: number;
+  navigation: TrueSheetNavigationProp<ParamListBase>;
+  emit: TrueSheetNavigationHelpers['emit'];
+  routeKey: string;
+  closing?: boolean;
+  detents: TrueSheetProps['detents'];
+  children: React.ReactNode;
+  positionChangeHandler?: PositionChangeHandler;
+  [key: string]: unknown;
+}