@lodev09/react-native-true-sheet 3.9.0-beta.3 → 3.9.0-beta.5

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

@@ -1 +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;;;sBAwBzD,MAAM,2BAA2B,QACjC,sBAAsB,GAAG,0BAA0B,GAAG,SAAS;;2BAqBhD,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"}
+{"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;;;sBAyBvD,MAAM,2BAA2B,QACjC,sBAAsB,GAAG,0BAA0B,GAAG,SAAS;;2BAmBlD,gBAAgB;0BACjB,eAAe;4BACb,gBAAgB;;4BAEhB,iBAAiB;yBACpB,cAAc;0BACb,eAAe;uBAClB,YAAY;8BACL,mBAAmB;0BACvB,cAAc;yBACf,aAAa;yBACb,aAAa;wBACd,YAAY;;CAWjC,CAAC"}

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

@@ -1,6 +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 PositionChangeHandler = (payload: PositionChangeEventPayload) => void;
 export type TrueSheetNavigationEventMap = {
     /**
      * Event fired when the sheet is about to be presented.
@@ -101,10 +101,11 @@ export type TrueSheetScreenProps<ParamList extends ParamListBase, RouteName exte
     route: RouteProp<ParamList, RouteName>;
 };
 export type TrueSheetNavigationHelpers = NavigationHelpers<ParamListBase, TrueSheetNavigationEventMap>;
+export type TrueSheetNavigationSheetProps = Pick<TrueSheetProps, 'detents' | 'backgroundColor' | 'cornerRadius' | 'dismissible' | 'draggable' | 'grabber' | 'grabberOptions' | 'dimmed' | 'dimmedDetentIndex' | 'backgroundBlur' | 'blurOptions' | 'maxContentHeight' | 'maxContentWidth' | 'scrollable' | 'pageSizing' | 'header' | 'headerStyle' | 'footer' | 'footerStyle' | 'scrollableOptions' | 'insetAdjustment' | 'anchor' | 'anchorOffset' | 'elevation' | 'detached' | 'detachedOffset' | 'stackBehavior'>;
 /**
  * Screen options for TrueSheet navigator screens.
  */
-export type TrueSheetNavigationOptions = Pick<TrueSheetProps, 'detents' | 'backgroundColor' | 'cornerRadius' | 'dismissible' | 'draggable' | 'grabber' | 'grabberOptions' | 'dimmed' | 'dimmedDetentIndex' | 'backgroundBlur' | 'blurOptions' | 'maxContentHeight' | 'maxContentWidth' | 'scrollable' | 'pageSizing' | 'header' | 'footer' | 'insetAdjustment' | 'stackBehavior'> & {
+export type TrueSheetNavigationOptions = TrueSheetNavigationSheetProps & {
     /**
      * The detent index to present at.
      * @default 0

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":"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"}

package/lib/typescript/src/reanimated/ReanimatedTrueSheetProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReanimatedTrueSheetProvider.d.ts","sourceRoot":"","sources":["../../../../src/reanimated/ReanimatedTrueSheetProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3E,MAAM,WAAW,+BAA+B;IAC9C;;OAEG;IACH,gBAAgB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC;;;OAGG;IACH,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC;;;OAGG;IACH,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACrC;AAID,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,2BAA2B,GAAI,cAAc,gCAAgC,4CAiBzF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,sBAAsB,QAAO,+BAWzC,CAAC"}
+{"version":3,"file":"ReanimatedTrueSheetProvider.d.ts","sourceRoot":"","sources":["../../../../src/reanimated/ReanimatedTrueSheetProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3E,MAAM,WAAW,+BAA+B;IAC9C;;OAEG;IACH,gBAAgB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC;;;OAGG;IACH,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC;;;OAGG;IACH,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACrC;AAID,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,2BAA2B,GAAI,cAAc,gCAAgC,4CAgBzF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,sBAAsB,QAAO,+BAWzC,CAAC"}

package/package.json

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

package/src/TrueSheet.tsx

@@ -58,6 +58,9 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
 
   private readonly nativeRef: RefObject<NativeRef | null>;
 
+  private cachedGrabberOptions: TrueSheetProps['grabberOptions'] | undefined;
+  private resolvedGrabberOptions: Record<string, unknown> | undefined;
+
   /**
    * Map of sheet names against their instances.
    */
@@ -436,21 +439,27 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
       return Math.min(1, detent);
     });
 
+    // Cache grabberOptions to avoid creating a new object every render
+    if (grabberOptions !== this.cachedGrabberOptions) {
+      this.cachedGrabberOptions = grabberOptions;
+      this.resolvedGrabberOptions = {
+        ...grabberOptions,
+        color: processColor(grabberOptions?.color),
+      };
+    }
+
     return (
       <TrueSheetViewNativeComponent
         {...rest}
         ref={this.nativeRef}
-        style={[StyleSheet.absoluteFill, styles.sheetView]}
+        style={styles.sheetView}
         detents={resolvedDetents}
         backgroundBlur={backgroundBlur}
         blurOptions={blurOptions}
         backgroundColor={backgroundColor}
         cornerRadius={cornerRadius}
         grabber={grabber}
-        grabberOptions={{
-          ...grabberOptions,
-          color: processColor(grabberOptions?.color),
-        }}
+        grabberOptions={this.resolvedGrabberOptions}
         dimmed={dimmed}
         dimmedDetentIndex={dimmedDetentIndex}
         initialDetentIndex={initialDetentIndex}
@@ -482,14 +491,16 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
         onBackPress={this.onBackPress}
       >
         {this.state.shouldRenderNativeView && (
-          <TrueSheetContainerViewNativeComponent style={scrollable && StyleSheet.absoluteFill}>
+          <TrueSheetContainerViewNativeComponent
+            style={scrollable ? styles.scrollableContainer : undefined}
+          >
             {header && (
               <TrueSheetHeaderViewNativeComponent style={[styles.header, headerStyle]}>
                 {isValidElement(header) ? header : createElement(header)}
               </TrueSheetHeaderViewNativeComponent>
             )}
             <TrueSheetContentViewNativeComponent
-              style={[style, scrollable && styles.scrollableContent]}
+              style={scrollable ? [style, styles.scrollableContent] : style}
             >
               {children}
             </TrueSheetContentViewNativeComponent>
@@ -507,9 +518,13 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
 
 const styles = StyleSheet.create({
   sheetView: {
+    ...StyleSheet.absoluteFill,
     zIndex: -9999,
     pointerEvents: 'box-none',
   },
+  scrollableContainer: {
+    ...StyleSheet.absoluteFill,
+  },
   scrollableContent: {
     flex: 1,
   },

package/src/TrueSheet.types.ts

@@ -442,6 +442,22 @@ export interface TrueSheetProps extends ViewProps {
    */
   scrollableOptions?: ScrollableOptions;
 
+  /**
+   * Renders the sheet as a detached floating card, not attached to the bottom edge.
+   *
+   * @platform web
+   * @default false
+   */
+  detached?: boolean;
+
+  /**
+   * The offset from the bottom edge when [`detached`](#detached) is enabled.
+   *
+   * @platform web
+   * @default 16
+   */
+  detachedOffset?: number;
+
   /**
    * Defines the stack behavior when a modal is presented.
    * - `push`: Mount the modal on top of the current one.

package/src/TrueSheet.web.tsx

@@ -19,9 +19,8 @@ import BottomSheet, {
   type BottomSheetBackdropProps,
   BottomSheetFooter,
   type BottomSheetFooterProps,
-  BottomSheetHandle,
-  type BottomSheetHandleProps,
   BottomSheetModal,
+  type BottomSheetProps,
   BottomSheetView,
   type SNAP_POINT_TYPE,
 } from '@gorhom/bottom-sheet';
@@ -54,7 +53,10 @@ const DEFAULT_MAX_WIDTH = 640;
 const COLOR_SURFACE_CONTAINER_LOW_LIGHT = '#F7F2FA';
 const COLOR_SURFACE_CONTAINER_LOW_DARK = '#1D1B20';
 
-const DEFAULT_GRABBER_COLOR = 'rgba(0, 0, 0, 0.3)';
+const DEFAULT_ANCHOR_OFFSET = 16;
+const DEFAULT_DETACHED_OFFSET = 16;
+const DEFAULT_GRABBER_COLOR_LIGHT = 'rgba(0, 0, 0, 0.3)';
+const DEFAULT_GRABBER_COLOR_DARK = 'rgba(255, 255, 255, 0.3)';
 const DEFAULT_GRABBER_WIDTH = 32;
 const DEFAULT_GRABBER_HEIGHT = 4;
 
@@ -101,7 +103,7 @@ const TrueSheetComponent = forwardRef<TrueSheetRefMethods, TrueSheetProps>((prop
     maxContentHeight,
     maxContentWidth,
     anchor = 'center',
-    anchorOffset = 16,
+    anchorOffset = DEFAULT_ANCHOR_OFFSET,
     header,
     headerStyle,
     footer,
@@ -120,6 +122,8 @@ const TrueSheetComponent = forwardRef<TrueSheetRefMethods, TrueSheetProps>((prop
     onDidFocus,
     onWillBlur,
     onDidBlur,
+    detached,
+    detachedOffset = DEFAULT_DETACHED_OFFSET,
     stackBehavior = 'switch',
     style,
   } = props;
@@ -344,29 +348,27 @@ const TrueSheetComponent = forwardRef<TrueSheetRefMethods, TrueSheetProps>((prop
     [dimmed, dimmedDetentIndex, dismissible]
   );
 
-  const handleComponent = useCallback(
-    (handleProps: BottomSheetHandleProps) => {
-      if (!grabber) {
-        return null;
-      }
+  const indicatorHeight = grabberOptions?.height ?? DEFAULT_GRABBER_HEIGHT;
 
-      const height = grabberOptions?.height ?? DEFAULT_GRABBER_HEIGHT;
-      const borderRadius = grabberOptions?.cornerRadius ?? height / 2;
+  const handleStyle = useMemo(
+    () =>
+      grabber
+        ? [styles.handle, { paddingTop: grabberOptions?.topMargin }]
+        : { display: 'none' as const },
+    [grabber, grabberOptions?.topMargin]
+  );
 
-      return (
-        <BottomSheetHandle
-          {...handleProps}
-          style={[styles.handle, { paddingTop: grabberOptions?.topMargin }]}
-          indicatorStyle={{
-            height,
-            borderRadius,
-            width: grabberOptions?.width ?? DEFAULT_GRABBER_WIDTH,
-            backgroundColor: grabberOptions?.color ?? DEFAULT_GRABBER_COLOR,
-          }}
-        />
-      );
-    },
-    [grabber, grabberOptions]
+  const defaultGrabberColor =
+    colorScheme === 'dark' ? DEFAULT_GRABBER_COLOR_DARK : DEFAULT_GRABBER_COLOR_LIGHT;
+
+  const handleIndicatorStyle = useMemo(
+    () => ({
+      height: indicatorHeight,
+      borderRadius: grabberOptions?.cornerRadius ?? indicatorHeight / 2,
+      width: grabberOptions?.width ?? DEFAULT_GRABBER_WIDTH,
+      backgroundColor: grabberOptions?.color ?? defaultGrabberColor,
+    }),
+    [grabberOptions, indicatorHeight, defaultGrabberColor]
   );
 
   const footerComponent = useMemo(
@@ -459,33 +461,40 @@ const TrueSheetComponent = forwardRef<TrueSheetRefMethods, TrueSheetProps>((prop
     </ContainerComponent>
   );
 
-  const sharedProps = {
+  const sharedProps: Omit<BottomSheetProps, 'children'> = {
     style: [
       styles.root,
       {
-        backgroundColor,
-        borderTopLeftRadius: cornerRadius,
-        borderTopRightRadius: cornerRadius,
         boxShadow: getElevationShadow(elevation),
         maxWidth: isLandscapeOrTablet ? (maxContentWidth ?? DEFAULT_MAX_WIDTH) : undefined,
         marginLeft: isLandscapeOrTablet ? (anchor === 'left' ? anchorOffset : 'auto') : undefined,
         marginRight: isLandscapeOrTablet ? (anchor === 'right' ? anchorOffset : 'auto') : undefined,
+        marginHorizontal: detached ? anchorOffset : undefined,
       },
     ],
+    backgroundStyle: {
+      backgroundColor,
+      borderTopLeftRadius: cornerRadius,
+      borderTopRightRadius: cornerRadius,
+      borderBottomLeftRadius: detached ? cornerRadius : 0,
+      borderBottomRightRadius: detached ? cornerRadius : 0,
+    },
     index: snapIndex,
     enablePanDownToClose: dismissible,
     enableContentPanningGesture: draggable,
     enableHandlePanningGesture: draggable,
     animatedPosition,
     animatedIndex,
-    handleComponent,
+    handleStyle,
+    handleIndicatorStyle,
     onChange: handleChange,
     onAnimate: handleAnimate,
     enableDynamicSizing: hasAutoDetent,
     maxDynamicContentSize: maxContentHeight,
     snapPoints: snapPoints.length > 0 ? snapPoints : undefined,
+    detached,
+    bottomInset: detached ? detachedOffset : undefined,
     backdropComponent,
-    backgroundComponent: null,
     footerComponent,
   };
 

package/src/navigation/screen/ReanimatedTrueSheetScreen.tsx

@@ -52,8 +52,8 @@ export const ReanimatedTrueSheetScreen = ({
       initialDetentIndex={initialDetentIndex}
       detents={detents}
       onPositionChange={reanimatedPositionChangeHandler}
-      {...eventHandlers}
       {...sheetProps}
+      {...eventHandlers}
     >
       {children}
     </AnimatedTrueSheet>

package/src/navigation/screen/TrueSheetScreen.tsx

@@ -45,8 +45,8 @@ export const TrueSheetScreen = ({
       initialDetentIndex={initialDetentIndex}
       detents={detents}
       onPositionChange={handlePositionChange}
-      {...eventHandlers}
       {...sheetProps}
+      {...eventHandlers}
     >
       {children}
     </TrueSheet>

package/src/navigation/screen/types.ts

@@ -1,11 +1,14 @@
 import type { ParamListBase } from '@react-navigation/native';
 
-import type { PositionChangeEventPayload, TrueSheetProps } from '../../TrueSheet.types';
-import type { TrueSheetNavigationHelpers, TrueSheetNavigationProp } from '../types';
+import type { TrueSheetProps } from '../../TrueSheet.types';
+import type {
+  PositionChangeHandler,
+  TrueSheetNavigationHelpers,
+  TrueSheetNavigationProp,
+  TrueSheetNavigationSheetProps,
+} from '../types';
 
-export type PositionChangeHandler = (payload: PositionChangeEventPayload) => void;
-
-export interface TrueSheetScreenProps {
+export interface TrueSheetScreenProps extends TrueSheetNavigationSheetProps {
   detentIndex: number;
   resizeKey?: number;
   navigation: TrueSheetNavigationProp<ParamListBase>;
@@ -15,5 +18,4 @@ export interface TrueSheetScreenProps {
   detents: TrueSheetProps['detents'];
   children: React.ReactNode;
   positionChangeHandler?: PositionChangeHandler;
-  [key: string]: unknown;
 }

package/src/navigation/screen/useSheetScreenState.ts

@@ -1,4 +1,4 @@
-import { useEffect, useRef } from 'react';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
 
 import { TrueSheet } from '../../TrueSheet';
 import type {
@@ -59,29 +59,28 @@ export const useSheetScreenState = (props: UseSheetScreenStateProps) => {
     ref.current?.resize(detentIndex);
   }, [detentIndex, resizeKey]);
 
-  const emitEvent = (
-    type: keyof TrueSheetNavigationEventMap,
-    data: DetentInfoEventPayload | PositionChangeEventPayload | undefined
-  ) => {
-    emit({
-      type,
-      target: routeKey,
-      data,
-    } as Parameters<EmitFn>[0]);
-  };
+  const emitEvent = useCallback(
+    (
+      type: keyof TrueSheetNavigationEventMap,
+      data: DetentInfoEventPayload | PositionChangeEventPayload | undefined
+    ) => {
+      emit({
+        type,
+        target: routeKey,
+        data,
+      } as Parameters<EmitFn>[0]);
+    },
+    [emit, routeKey]
+  );
 
-  const onDidDismiss = () => {
+  const onDidDismiss = useCallback(() => {
     emitEvent('sheetDidDismiss', undefined);
     isDismissedRef.current = true;
-    // Remove route from state (works for both programmatic and user-initiated dismiss)
     navigation.dispatch({ ...TrueSheetActions.remove(), source: routeKey });
-  };
+  }, [emitEvent, navigation, routeKey]);
 
-  return {
-    ref,
-    initialDetentIndex: initialDetentIndexRef.current,
-    emitEvent,
-    eventHandlers: {
+  const eventHandlers = useMemo(
+    () => ({
       onWillPresent: (e: WillPresentEvent) => emitEvent('sheetWillPresent', e.nativeEvent),
       onDidPresent: (e: DidPresentEvent) => emitEvent('sheetDidPresent', e.nativeEvent),
       onWillDismiss: (_e: WillDismissEvent) => emitEvent('sheetWillDismiss', undefined),
@@ -95,6 +94,14 @@ export const useSheetScreenState = (props: UseSheetScreenStateProps) => {
       onDidFocus: (_e: DidFocusEvent) => emitEvent('sheetDidFocus', undefined),
       onWillBlur: (_e: WillBlurEvent) => emitEvent('sheetWillBlur', undefined),
       onDidBlur: (_e: DidBlurEvent) => emitEvent('sheetDidBlur', undefined),
-    },
+    }),
+    [emitEvent, onDidDismiss]
+  );
+
+  return {
+    ref,
+    initialDetentIndex: initialDetentIndexRef.current,
+    emitEvent,
+    eventHandlers,
   };
 };

package/src/navigation/types.ts

@@ -14,7 +14,8 @@ import type {
   PositionChangeEventPayload,
   TrueSheetProps,
 } from '../TrueSheet.types';
-import type { PositionChangeHandler } from './screen/types';
+
+export type PositionChangeHandler = (payload: PositionChangeEventPayload) => void;
 
 export type TrueSheetNavigationEventMap = {
   /**
@@ -119,10 +120,7 @@ export type TrueSheetNavigationHelpers = NavigationHelpers<
   TrueSheetNavigationEventMap
 >;
 
-/**
- * Screen options for TrueSheet navigator screens.
- */
-export type TrueSheetNavigationOptions = Pick<
+export type TrueSheetNavigationSheetProps = Pick<
   TrueSheetProps,
   | 'detents'
   | 'backgroundColor'
@@ -140,10 +138,23 @@ export type TrueSheetNavigationOptions = Pick<
   | 'scrollable'
   | 'pageSizing'
   | 'header'
+  | 'headerStyle'
   | 'footer'
+  | 'footerStyle'
+  | 'scrollableOptions'
   | 'insetAdjustment'
+  | 'anchor'
+  | 'anchorOffset'
+  | 'elevation'
+  | 'detached'
+  | 'detachedOffset'
   | 'stackBehavior'
-> & {
+>;
+
+/**
+ * Screen options for TrueSheet navigator screens.
+ */
+export type TrueSheetNavigationOptions = TrueSheetNavigationSheetProps & {
   /**
    * The detent index to present at.
    * @default 0

package/src/reanimated/ReanimatedTrueSheetProvider.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext, type ReactNode } from 'react';
+import { createContext, useContext, useMemo, type ReactNode } from 'react';
 import { useWindowDimensions } from 'react-native';
 import { useSharedValue, type SharedValue } from 'react-native-reanimated';
 
@@ -48,11 +48,10 @@ export const ReanimatedTrueSheetProvider = ({ children }: ReanimatedTrueSheetPro
   const animatedIndex = useSharedValue(-1);
   const animatedDetent = useSharedValue(0);
 
-  const value: ReanimatedTrueSheetContextValue = {
-    animatedPosition,
-    animatedIndex,
-    animatedDetent,
-  };
+  const value = useMemo<ReanimatedTrueSheetContextValue>(
+    () => ({ animatedPosition, animatedIndex, animatedDetent }),
+    [animatedPosition, animatedIndex, animatedDetent]
+  );
 
   return (
     <ReanimatedTrueSheetContext.Provider value={value}>