react-native-drawer-layout 4.2.1 → 5.0.0-alpha.0

package/lib/module/utils/getDrawerWidth.js

@@ -1,6 +1,5 @@
 "use strict";
 
-import { StyleSheet } from 'react-native';
 const APPROX_APP_BAR_HEIGHT = 56;
 const DEFAULT_DRAWER_WIDTH = 360;
 
@@ -11,18 +10,18 @@ const DEFAULT_DRAWER_WIDTH = 360;
  */
 const DRAWER_DEFAULT_WIDTH_WEB = `min(calc(100% - ${APPROX_APP_BAR_HEIGHT}px), ${DEFAULT_DRAWER_WIDTH}px)`;
 export function getDrawerWidthNative({
-  layout,
-  drawerStyle
+  containerWidth,
+  customWidth
 }) {
-  const defaultWidth = layout.width - APPROX_APP_BAR_HEIGHT <= 360 ? layout.width - APPROX_APP_BAR_HEIGHT : DEFAULT_DRAWER_WIDTH;
-  const {
-    width = defaultWidth
-  } = StyleSheet.flatten(drawerStyle) || {};
+  'worklet';
+
+  const defaultWidth = containerWidth - APPROX_APP_BAR_HEIGHT <= 360 ? containerWidth - APPROX_APP_BAR_HEIGHT : DEFAULT_DRAWER_WIDTH;
+  const width = customWidth ?? defaultWidth;
   if (typeof width === 'string' && width.endsWith('%')) {
     // Try to calculate width if a percentage is given
     const percentage = Number(width.replace(/%$/, ''));
     if (Number.isFinite(percentage)) {
-      return layout.width * (percentage / 100);
+      return containerWidth * (percentage / 100);
     }
   }
   return typeof width === 'number' ? width : defaultWidth;
@@ -32,7 +31,7 @@ export function getDrawerWidthWeb({
 }) {
   const {
     width
-  } = StyleSheet.flatten(drawerStyle) || {};
+  } = drawerStyle;
   if (typeof width === 'number') {
     return `${width}px`;
   }

package/lib/module/utils/getDrawerWidth.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","APPROX_APP_BAR_HEIGHT","DEFAULT_DRAWER_WIDTH","DRAWER_DEFAULT_WIDTH_WEB","getDrawerWidthNative","layout","drawerStyle","defaultWidth","width","flatten","endsWith","percentage","Number","replace","isFinite","getDrawerWidthWeb"],"sourceRoot":"../../../src","sources":["utils/getDrawerWidth.tsx"],"mappings":";;AAAA,SAAyBA,UAAU,QAAwB,cAAc;AAEzE,MAAMC,qBAAqB,GAAG,EAAE;AAChC,MAAMC,oBAAoB,GAAG,GAAG;;AAEhC;AACA;AACA;AACA;AACA;AACA,MAAMC,wBAAwB,GAAG,mBAAmBF,qBAAqB,QAAQC,oBAAoB,KAAK;AAE1G,OAAO,SAASE,oBAAoBA,CAAC;EACnCC,MAAM;EACNC;AAIF,CAAC,EAAE;EACD,MAAMC,YAAY,GAChBF,MAAM,CAACG,KAAK,GAAGP,qBAAqB,IAAI,GAAG,GACvCI,MAAM,CAACG,KAAK,GAAGP,qBAAqB,GACpCC,oBAAoB;EAE1B,MAAM;IAAEM,KAAK,GAAGD;EAAa,CAAC,GAAGP,UAAU,CAACS,OAAO,CAACH,WAAW,CAAC,IAAI,CAAC,CAAC;EAEtE,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACE,QAAQ,CAAC,GAAG,CAAC,EAAE;IACpD;IACA,MAAMC,UAAU,GAAGC,MAAM,CAACJ,KAAK,CAACK,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAElD,IAAID,MAAM,CAACE,QAAQ,CAACH,UAAU,CAAC,EAAE;MAC/B,OAAON,MAAM,CAACG,KAAK,IAAIG,UAAU,GAAG,GAAG,CAAC;IAC1C;EACF;EAEA,OAAO,OAAOH,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGD,YAAY;AACzD;AAEA,OAAO,SAASQ,iBAAiBA,CAAC;EAChCT;AAGF,CAAC,EAAU;EACT,MAAM;IAAEE;EAAM,CAAC,GAAGR,UAAU,CAACS,OAAO,CAACH,WAAW,CAAC,IAAI,CAAC,CAAC;EAEvD,IAAI,OAAOE,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAO,GAAGA,KAAK,IAAI;EACrB;EAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOA,KAAK;EACd;EAEA,OAAOL,wBAAwB;AACjC","ignoreList":[]}
+{"version":3,"names":["APPROX_APP_BAR_HEIGHT","DEFAULT_DRAWER_WIDTH","DRAWER_DEFAULT_WIDTH_WEB","getDrawerWidthNative","containerWidth","customWidth","defaultWidth","width","endsWith","percentage","Number","replace","isFinite","getDrawerWidthWeb","drawerStyle"],"sourceRoot":"../../../src","sources":["utils/getDrawerWidth.tsx"],"mappings":";;AAEA,MAAMA,qBAAqB,GAAG,EAAE;AAChC,MAAMC,oBAAoB,GAAG,GAAG;;AAEhC;AACA;AACA;AACA;AACA;AACA,MAAMC,wBAAwB,GAAG,mBAAmBF,qBAAqB,QAAQC,oBAAoB,KAAK;AAE1G,OAAO,SAASE,oBAAoBA,CAAC;EACnCC,cAAc;EACdC;AAIF,CAAC,EAAE;EACD,SAAS;;EAET,MAAMC,YAAY,GAChBF,cAAc,GAAGJ,qBAAqB,IAAI,GAAG,GACzCI,cAAc,GAAGJ,qBAAqB,GACtCC,oBAAoB;EAE1B,MAAMM,KAAK,GAAGF,WAAW,IAAIC,YAAY;EAEzC,IAAI,OAAOC,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACC,QAAQ,CAAC,GAAG,CAAC,EAAE;IACpD;IACA,MAAMC,UAAU,GAAGC,MAAM,CAACH,KAAK,CAACI,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAElD,IAAID,MAAM,CAACE,QAAQ,CAACH,UAAU,CAAC,EAAE;MAC/B,OAAOL,cAAc,IAAIK,UAAU,GAAG,GAAG,CAAC;IAC5C;EACF;EAEA,OAAO,OAAOF,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGD,YAAY;AACzD;AAEA,OAAO,SAASO,iBAAiBA,CAAC;EAChCC;AAGF,CAAC,EAAU;EACT,MAAM;IAAEP;EAAM,CAAC,GAAGO,WAAW;EAE7B,IAAI,OAAOP,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAO,GAAGA,KAAK,IAAI;EACrB;EAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOA,KAAK;EACd;EAEA,OAAOL,wBAAwB;AACjC","ignoreList":[]}

package/lib/module/views/Drawer.js

@@ -23,12 +23,13 @@ export function Drawer({
   children,
   style
 }) {
+  const flattenedDrawerStyle = StyleSheet.flatten(drawerStyle) || {};
   const drawerWidth = getDrawerWidthWeb({
-    drawerStyle
+    drawerStyle: flattenedDrawerStyle
   });
   const progress = useFakeSharedValue(open ? 1 : 0);
   React.useEffect(() => {
-    progress.value = open ? 1 : 0;
+    progress.set(open ? 1 : 0);
   }, [open, progress]);
   const drawerRef = React.useRef(null);
   const onTransitionStartLatest = useLatestCallback(() => {
@@ -82,13 +83,15 @@ export function Drawer({
     } : {
       left: `calc(${drawerWidth} * -1)`
     } : null, drawerAnimatedStyle, drawerStyle],
-    children: renderDrawerContent()
+    children: /*#__PURE__*/_jsx(Inert, {
+      enabled: drawerType !== 'permanent' && !isOpen,
+      children: renderDrawerContent()
+    })
   }, "drawer");
   const mainContent = /*#__PURE__*/_jsxs(View, {
     style: [styles.content, contentAnimatedStyle],
-    children: [/*#__PURE__*/_jsx(View, {
-      "aria-hidden": isOpen && drawerType !== 'permanent',
-      style: styles.content,
+    children: [/*#__PURE__*/_jsx(Inert, {
+      enabled: drawerType !== 'permanent' && isOpen,
       children: children
     }), drawerType !== 'permanent' ? /*#__PURE__*/_jsx(Overlay, {
       open: open,
@@ -106,6 +109,23 @@ export function Drawer({
     })
   });
 }
+function Inert({
+  enabled,
+  children
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    inert: enabled,
+    "aria-hidden": enabled,
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      flexGrow: 1,
+      flexShrink: 1,
+      flexBasis: 'auto'
+    },
+    children: children
+  });
+}
 const styles = StyleSheet.create({
   container: {
     flex: 1,

package/lib/module/views/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useLatestCallback","DrawerProgressContext","getDrawerWidthWeb","useFakeSharedValue","Overlay","jsx","_jsx","jsxs","_jsxs","Drawer","direction","drawerPosition","drawerStyle","drawerType","onClose","onTransitionStart","onTransitionEnd","open","overlayStyle","overlayAccessibilityLabel","renderDrawerContent","children","style","drawerWidth","progress","useEffect","value","drawerRef","useRef","onTransitionStartLatest","onTransitionEndLatest","element","current","addEventListener","removeEventListener","isOpen","isRight","drawerTranslateX","drawerAnimatedStyle","transition","transform","contentTranslateX","contentAnimatedStyle","drawerElement","ref","styles","drawer","position","zIndex","width","right","left","mainContent","content","onPress","accessibilityLabel","Provider","container","create","flex","flexDirection","top","bottom","maxWidth","backgroundColor"],"sourceRoot":"../../../src","sources":["views/Drawer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","useLatestCallback","DrawerProgressContext","getDrawerWidthWeb","useFakeSharedValue","Overlay","jsx","_jsx","jsxs","_jsxs","Drawer","direction","drawerPosition","drawerStyle","drawerType","onClose","onTransitionStart","onTransitionEnd","open","overlayStyle","overlayAccessibilityLabel","renderDrawerContent","children","style","flattenedDrawerStyle","flatten","drawerWidth","progress","useEffect","set","drawerRef","useRef","onTransitionStartLatest","onTransitionEndLatest","element","current","addEventListener","removeEventListener","isOpen","isRight","drawerTranslateX","drawerAnimatedStyle","transition","transform","contentTranslateX","contentAnimatedStyle","drawerElement","ref","styles","drawer","position","zIndex","width","right","left","Inert","enabled","mainContent","content","onPress","accessibilityLabel","Provider","value","container","inert","display","flexDirection","flexGrow","flexShrink","flexBasis","create","flex","top","bottom","maxWidth","backgroundColor"],"sourceRoot":"../../../src","sources":["views/Drawer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/Drawer.native.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import * as React from 'react';
-import { I18nManager, InteractionManager, Keyboard, Platform, StatusBar, StyleSheet, useWindowDimensions, View } from 'react-native';
+import { Dimensions, I18nManager, Keyboard, Platform, StatusBar, StyleSheet, View } from 'react-native';
 import Animated, { interpolate, ReduceMotion, runOnJS, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from 'react-native-reanimated';
 import useLatestCallback from 'use-latest-callback';
 import { DrawerGestureContext } from "../utils/DrawerGestureContext.js";
@@ -20,7 +20,6 @@ const minmax = (value, start, end) => {
   return Math.min(Math.max(value, start), end);
 };
 export function Drawer({
-  layout: customLayout,
   direction = I18nManager.getConstants().isRTL ? 'rtl' : 'ltr',
   drawerPosition = direction === 'rtl' ? 'right' : 'left',
   drawerStyle,
@@ -47,22 +46,23 @@ export function Drawer({
   children,
   style
 }) {
-  const windowDimensions = useWindowDimensions();
-  const layout = customLayout ?? windowDimensions;
-  const drawerWidth = getDrawerWidthNative({
-    layout,
-    drawerStyle
-  });
+  const {
+    width: customWidth
+  } = StyleSheet.flatten(drawerStyle) || {};
   const isOpen = drawerType === 'permanent' ? true : open;
   const isRight = drawerPosition === 'right';
-  const getDrawerTranslationX = React.useCallback(open => {
+  const getDrawerTranslationX = React.useCallback((open, containerWidth) => {
     'worklet';
 
+    const drawerWidth = getDrawerWidthNative({
+      containerWidth,
+      customWidth
+    });
     if (drawerPosition === 'left') {
       return open ? 0 : -drawerWidth;
     }
     return open ? 0 : drawerWidth;
-  }, [drawerPosition, drawerWidth]);
+  }, [customWidth, drawerPosition]);
   const hideStatusBar = React.useCallback(hide => {
     if (hideStatusBarOnOpen) {
       StatusBar.setHidden(hide, statusBarAnimation);
@@ -72,16 +72,6 @@ export function Drawer({
     hideStatusBar(isOpen);
     return () => hideStatusBar(false);
   }, [isOpen, hideStatusBarOnOpen, statusBarAnimation, hideStatusBar]);
-  const interactionHandleRef = React.useRef(null);
-  const startInteraction = useLatestCallback(() => {
-    interactionHandleRef.current = InteractionManager.createInteractionHandle();
-  });
-  const endInteraction = useLatestCallback(() => {
-    if (interactionHandleRef.current != null) {
-      InteractionManager.clearInteractionHandle(interactionHandleRef.current);
-      interactionHandleRef.current = null;
-    }
-  });
   const hideKeyboard = useLatestCallback(() => {
     if (keyboardDismissMode === 'on-drag') {
       Keyboard.dismiss();
@@ -89,17 +79,14 @@ export function Drawer({
   });
   const onGestureBegin = useLatestCallback(() => {
     onGestureStart?.();
-    startInteraction();
     hideKeyboard();
     hideStatusBar(true);
   });
   const onGestureFinish = useLatestCallback(() => {
     onGestureEnd?.();
-    endInteraction();
   });
   const onGestureAbort = useLatestCallback(() => {
     onGestureCancel?.();
-    endInteraction();
   });
   const hitSlop = React.useMemo(() => isRight ?
   // Extend hitSlop to the side of the screen when drawer is closed
@@ -111,9 +98,44 @@ export function Drawer({
     left: 0,
     width: isOpen ? undefined : swipeEdgeWidth
   }, [isRight, isOpen, swipeEdgeWidth]);
+  const [initialWidth] = React.useState(() => Dimensions.get('window').width);
+  const layoutWidth = useSharedValue(initialWidth);
+  const translationX = useSharedValue(getDrawerTranslationX(open, initialWidth));
+  const contentRef = React.useRef(null);
+  React.useLayoutEffect(() => {
+    const measureLayout = () => {
+      contentRef.current?.measure((_x, _y, width) => {
+        layoutWidth.set(width);
+        translationX.set(getDrawerTranslationX(open, width));
+      });
+    };
+    measureLayout();
+
+    // FIXME: the layout is off after screen rotation
+    // Measure the layout again on screen rotation
+    let handle;
+    const subscription = Dimensions.addEventListener('change', () => {
+      // The measurement is not accurate without the delay
+      handle = requestAnimationFrame(() => {
+        measureLayout();
+      });
+    });
+    return () => {
+      if (handle != null) {
+        cancelAnimationFrame(handle);
+      }
+      subscription.remove();
+    };
+
+    // only measure on initial render
+    // subsequent updates will be handled by onLayout
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onLayout = event => {
+    layoutWidth.set(event.nativeEvent.layout.width);
+  };
   const touchStartX = useSharedValue(0);
   const touchX = useSharedValue(0);
-  const translationX = useSharedValue(getDrawerTranslationX(open));
   const gestureState = useSharedValue(GestureState.UNDETERMINED);
   const onAnimationStart = useLatestCallback(open => {
     onTransitionStart?.(!open);
@@ -124,40 +146,52 @@ export function Drawer({
     }
     onTransitionEnd?.(!open);
   });
+  const animatingTo = useSharedValue(null);
   const toggleDrawer = React.useCallback((open, velocity) => {
     'worklet';
 
-    const translateX = getDrawerTranslationX(open);
+    touchStartX.set(0);
+    touchX.set(0);
+    const containerWidth = layoutWidth.get();
+    const toValue = getDrawerTranslationX(open, containerWidth);
+    if (translationX.get() === toValue) {
+      return;
+    }
+    if (animatingTo.get() === (open ? 'open' : 'close')) {
+      return;
+    }
     if (velocity === undefined) {
       runOnJS(onAnimationStart)(open);
     }
-    touchStartX.value = 0;
-    touchX.value = 0;
-    translationX.value = withSpring(translateX, {
+    animatingTo.set(open ? 'open' : 'close');
+    translationX.set(withSpring(toValue, {
       velocity,
       stiffness: 1000,
       damping: 500,
       mass: 3,
       overshootClamping: true,
-      restDisplacementThreshold: 0.01,
-      restSpeedThreshold: 0.01,
       reduceMotion: ReduceMotion.Never
-    }, finished => runOnJS(onAnimationEnd)(open, finished));
+    }, finished => {
+      animatingTo.set(null);
+      runOnJS(onAnimationEnd)(open, finished);
+    }));
     if (open) {
       runOnJS(onOpen)();
     } else {
       runOnJS(onClose)();
     }
-  }, [getDrawerTranslationX, onAnimationEnd, onAnimationStart, onClose, onOpen, touchStartX, touchX, translationX]);
-  React.useEffect(() => toggleDrawer(open), [open, toggleDrawer]);
+  }, [touchStartX, touchX, layoutWidth, getDrawerTranslationX, translationX, animatingTo, onAnimationStart, onAnimationEnd, onOpen, onClose]);
+  React.useEffect(() => {
+    toggleDrawer(open);
+  }, [animatingTo, open, toggleDrawer]);
   const startX = useSharedValue(0);
   const pan = React.useMemo(() => {
     let panGesture = Gesture?.Pan().onBegin(event => {
       'worklet';
 
-      startX.value = translationX.value;
-      gestureState.value = event.state;
-      touchStartX.value = event.x;
+      startX.set(translationX.get());
+      gestureState.set(event.state);
+      touchStartX.set(event.x);
     }).onStart(() => {
       'worklet';
 
@@ -165,13 +199,13 @@ export function Drawer({
     }).onChange(event => {
       'worklet';
 
-      touchX.value = event.x;
-      translationX.value = startX.value + event.translationX;
-      gestureState.value = event.state;
+      touchX.set(event.x);
+      translationX.set(startX.get() + event.translationX);
+      gestureState.set(event.state);
     }).onEnd((event, success) => {
       'worklet';
 
-      gestureState.value = event.state;
+      gestureState.set(event.state);
       if (!success) {
         runOnJS(onGestureAbort)();
       }
@@ -189,6 +223,11 @@ export function Drawer({
     return panGesture;
   }, [configureGestureHandler, drawerPosition, drawerType, gestureState, hitSlop, onGestureBegin, onGestureAbort, onGestureFinish, open, startX, swipeEnabled, swipeMinDistance, swipeMinVelocity, toggleDrawer, touchStartX, touchX, translationX]);
   const translateX = useDerivedValue(() => {
+    const drawerWidth = getDrawerWidthNative({
+      containerWidth: layoutWidth.get(),
+      customWidth
+    });
+
     // Comment stolen from react-native-gesture-handler/DrawerLayout
     //
     // While closing the drawer when user starts gesture outside of its area (in greyed
@@ -214,43 +253,53 @@ export function Drawer({
     // drawer be pulled back as soon as you start the pan.
     //
     // This is used only when drawerType is "front"
-    const touchDistance = drawerType === 'front' && gestureState.value === GestureState.ACTIVE ? minmax(drawerPosition === 'left' ? touchStartX.value - drawerWidth : layout.width - drawerWidth - touchStartX.value, 0, layout.width) : 0;
-    const translateX = drawerPosition === 'left' ? minmax(translationX.value + touchDistance, -drawerWidth, 0) : minmax(translationX.value - touchDistance, 0, drawerWidth);
+    const touchDistance = drawerType === 'front' && gestureState.get() === GestureState.ACTIVE ? minmax(drawerPosition === 'left' ? touchStartX.get() - drawerWidth : layoutWidth.get() - drawerWidth - touchStartX.get(), 0, layoutWidth.get()) : 0;
+    const translateX = drawerPosition === 'left' ? minmax(translationX.get() + touchDistance, -drawerWidth, 0) : minmax(translationX.get() - touchDistance, 0, drawerWidth);
     return translateX;
   });
   const drawerAnimatedStyle = useAnimatedStyle(() => {
-    const distanceFromEdge = layout.width - drawerWidth;
+    const drawerWidth = getDrawerWidthNative({
+      containerWidth: layoutWidth.get(),
+      customWidth
+    });
+    const distanceFromEdge = layoutWidth.get() - drawerWidth;
     return {
+      width: drawerWidth,
       // FIXME: Reanimated skips committing to the shadow tree if no layout props are animated
       // This results in pressables not getting their correct position and can't be pressed
       // So we animate the zIndex to force the commit - it doesn't affect the drawer visually
-      zIndex: translateX.value === 0 ? 0 : 1,
+      zIndex: translateX.get() === 0 ? 0 : 1,
       transform: drawerType === 'permanent' ?
       // Reanimated needs the property to be present, but it results in Browser bug
       // https://bugs.chromium.org/p/chromium/issues/detail?id=20574
       [] : [{
         translateX:
         // The drawer stays in place when `drawerType` is `back`
-        (drawerType === 'back' ? 0 : translateX.value) + (direction === 'rtl' ? drawerPosition === 'left' ? -distanceFromEdge : 0 : drawerPosition === 'left' ? 0 : distanceFromEdge)
+        (drawerType === 'back' ? 0 : translateX.get()) + (direction === 'rtl' ? drawerPosition === 'left' ? -distanceFromEdge : 0 : drawerPosition === 'left' ? 0 : distanceFromEdge)
       }]
     };
-  }, [direction, drawerPosition, drawerType, drawerWidth, layout.width, translateX]);
+  }, [customWidth, direction, drawerPosition, drawerType, layoutWidth, translateX]);
   const contentAnimatedStyle = useAnimatedStyle(() => {
+    const drawerWidth = getDrawerWidthNative({
+      containerWidth: layoutWidth.get(),
+      customWidth
+    });
     return {
       // FIXME: Force Reanimated to commit to the shadow tree
-      zIndex: translateX.value === 0 ? 0 : drawerType === 'back' ? 2 : 1,
+      zIndex: translateX.get() === 0 ? 0 : drawerType === 'back' ? 2 : 1,
       transform: drawerType === 'permanent' ?
       // Reanimated needs the property to be present, but it results in Browser bug
       // https://bugs.chromium.org/p/chromium/issues/detail?id=20574
       [] : [{
         translateX:
         // The screen content stays in place when `drawerType` is `front`
-        drawerType === 'front' ? 0 : translateX.value + drawerWidth * (drawerPosition === 'left' ? 1 : -1)
+        drawerType === 'front' ? 0 : translateX.get() + drawerWidth * (drawerPosition === 'left' ? 1 : -1)
       }]
     };
-  }, [drawerPosition, drawerType, drawerWidth, translateX]);
+  }, [customWidth, drawerPosition, drawerType, layoutWidth, translateX]);
   const progress = useDerivedValue(() => {
-    return drawerType === 'permanent' ? 1 : interpolate(translateX.value, [getDrawerTranslationX(false), getDrawerTranslationX(true)], [0, 1]);
+    const containerWidth = layoutWidth.get();
+    return drawerType === 'permanent' ? 1 : interpolate(translateX.get(), [getDrawerTranslationX(false, containerWidth), getDrawerTranslationX(true, containerWidth)], [0, 1]);
   });
   return /*#__PURE__*/_jsx(GestureHandlerRootView, {
     style: [styles.container, style],
@@ -265,6 +314,8 @@ export function Drawer({
               flexDirection: drawerType === 'permanent' ? isRight && direction === 'ltr' || !isRight && direction === 'rtl' ? 'row' : 'row-reverse' : 'row'
             }],
             children: [/*#__PURE__*/_jsxs(Animated.View, {
+              ref: contentRef,
+              onLayout: onLayout,
               style: [styles.content, contentAnimatedStyle],
               children: [/*#__PURE__*/_jsx(View, {
                 "aria-hidden": isOpen && drawerType !== 'permanent',
@@ -280,7 +331,6 @@ export function Drawer({
             }), /*#__PURE__*/_jsx(Animated.View, {
               removeClippedSubviews: Platform.OS !== 'ios',
               style: [styles.drawer, {
-                width: drawerWidth,
                 position: drawerType === 'permanent' ? 'relative' : 'absolute',
                 zIndex: drawerType === 'back' ? -1 : 0
               }, drawerAnimatedStyle, drawerStyle],

package/lib/module/views/Drawer.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","I18nManager","InteractionManager","Keyboard","Platform","StatusBar","StyleSheet","useWindowDimensions","View","Animated","interpolate","ReduceMotion","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","useLatestCallback","DrawerGestureContext","DrawerProgressContext","getDrawerWidthNative","Gesture","GestureDetector","GestureHandlerRootView","GestureState","Overlay","jsx","_jsx","jsxs","_jsxs","SWIPE_EDGE_WIDTH","SWIPE_MIN_OFFSET","SWIPE_MIN_DISTANCE","SWIPE_MIN_VELOCITY","minmax","value","start","end","Math","min","max","Drawer","layout","customLayout","direction","getConstants","isRTL","drawerPosition","drawerStyle","drawerType","configureGestureHandler","hideStatusBarOnOpen","keyboardDismissMode","onClose","onOpen","onGestureStart","onGestureCancel","onGestureEnd","onTransitionStart","onTransitionEnd","open","overlayStyle","overlayAccessibilityLabel","statusBarAnimation","swipeEnabled","OS","swipeEdgeWidth","swipeMinDistance","swipeMinVelocity","renderDrawerContent","children","style","windowDimensions","drawerWidth","isOpen","isRight","getDrawerTranslationX","useCallback","hideStatusBar","hide","setHidden","useEffect","interactionHandleRef","useRef","startInteraction","current","createInteractionHandle","endInteraction","clearInteractionHandle","hideKeyboard","dismiss","onGestureBegin","onGestureFinish","onGestureAbort","hitSlop","useMemo","right","width","undefined","left","touchStartX","touchX","translationX","gestureState","UNDETERMINED","onAnimationStart","onAnimationEnd","finished","toggleDrawer","velocity","translateX","stiffness","damping","mass","overshootClamping","restDisplacementThreshold","restSpeedThreshold","reduceMotion","Never","startX","pan","panGesture","Pan","onBegin","event","state","x","onStart","onChange","onEnd","success","nextOpen","abs","velocityX","activeOffsetX","failOffsetY","enabled","touchDistance","ACTIVE","drawerAnimatedStyle","distanceFromEdge","zIndex","transform","contentAnimatedStyle","progress","styles","container","Provider","gesture","main","flexDirection","content","onPress","accessibilityLabel","removeClippedSubviews","drawer","position","create","flex","top","bottom","maxWidth","backgroundColor","select","web","default","overflow"],"sourceRoot":"../../../src","sources":["views/Drawer.native.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Dimensions","I18nManager","Keyboard","Platform","StatusBar","StyleSheet","View","Animated","interpolate","ReduceMotion","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","useLatestCallback","DrawerGestureContext","DrawerProgressContext","getDrawerWidthNative","Gesture","GestureDetector","GestureHandlerRootView","GestureState","Overlay","jsx","_jsx","jsxs","_jsxs","SWIPE_EDGE_WIDTH","SWIPE_MIN_OFFSET","SWIPE_MIN_DISTANCE","SWIPE_MIN_VELOCITY","minmax","value","start","end","Math","min","max","Drawer","direction","getConstants","isRTL","drawerPosition","drawerStyle","drawerType","configureGestureHandler","hideStatusBarOnOpen","keyboardDismissMode","onClose","onOpen","onGestureStart","onGestureCancel","onGestureEnd","onTransitionStart","onTransitionEnd","open","overlayStyle","overlayAccessibilityLabel","statusBarAnimation","swipeEnabled","OS","swipeEdgeWidth","swipeMinDistance","swipeMinVelocity","renderDrawerContent","children","style","width","customWidth","flatten","isOpen","isRight","getDrawerTranslationX","useCallback","containerWidth","drawerWidth","hideStatusBar","hide","setHidden","useEffect","hideKeyboard","dismiss","onGestureBegin","onGestureFinish","onGestureAbort","hitSlop","useMemo","right","undefined","left","initialWidth","useState","get","layoutWidth","translationX","contentRef","useRef","useLayoutEffect","measureLayout","current","measure","_x","_y","set","handle","subscription","addEventListener","requestAnimationFrame","cancelAnimationFrame","remove","onLayout","event","nativeEvent","layout","touchStartX","touchX","gestureState","UNDETERMINED","onAnimationStart","onAnimationEnd","finished","animatingTo","toggleDrawer","velocity","toValue","stiffness","damping","mass","overshootClamping","reduceMotion","Never","startX","pan","panGesture","Pan","onBegin","state","x","onStart","onChange","onEnd","success","nextOpen","abs","velocityX","activeOffsetX","failOffsetY","enabled","translateX","touchDistance","ACTIVE","drawerAnimatedStyle","distanceFromEdge","zIndex","transform","contentAnimatedStyle","progress","styles","container","Provider","gesture","main","flexDirection","ref","content","onPress","accessibilityLabel","removeClippedSubviews","drawer","position","create","flex","top","bottom","maxWidth","backgroundColor","select","web","default","overflow"],"sourceRoot":"../../../src","sources":["views/Drawer.native.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/Overlay.native.js

@@ -12,14 +12,15 @@ export function Overlay({
   ...rest
 }) {
   const animatedStyle = useAnimatedStyle(() => {
+    const active = progress.value > PROGRESS_EPSILON;
     return {
-      opacity: progress.value
+      opacity: progress.value,
+      pointerEvents: active ? 'auto' : 'none'
     };
   }, [progress]);
   const animatedProps = useAnimatedProps(() => {
     const active = progress.value > PROGRESS_EPSILON;
     return {
-      'pointerEvents': active ? 'auto' : 'none',
       'aria-hidden': !active
     };
   }, [progress]);

package/lib/module/views/Overlay.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Pressable","StyleSheet","Animated","useAnimatedProps","useAnimatedStyle","jsx","_jsx","PROGRESS_EPSILON","Overlay","progress","onPress","style","accessibilityLabel","rest","animatedStyle","opacity","value","animatedProps","active","View","absoluteFill","styles","overlay","children","pressable","role","accessible","create","backgroundColor","flex","pointerEvents"],"sourceRoot":"../../../src","sources":["views/Overlay.native.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,QAAQ,cAAc;AACpD,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIjC,MAAMC,gBAAgB,GAAG,IAAI;AAE7B,OAAO,SAASC,OAAOA,CAAC;EACtBC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,kBAAkB,GAAG,cAAc;EACnC,GAAGC;AACS,CAAC,EAAE;EACf,MAAMC,aAAa,GAAGV,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACLW,OAAO,EAAEN,QAAQ,CAACO;IACpB,CAAC;EACH,CAAC,EAAE,CAACP,QAAQ,CAAC,CAAC;EAEd,MAAMQ,aAAa,GAAGd,gBAAgB,CAAC,MAAM;IAC3C,MAAMe,MAAM,GAAGT,QAAQ,CAACO,KAAK,GAAGT,gBAAgB;IAEhD,OAAO;MACL,eAAe,EAAEW,MAAM,GAAG,MAAM,GAAG,MAAM;MACzC,aAAa,EAAE,CAACA;IAClB,CAAC;EACH,CAAC,EAAE,CAACT,QAAQ,CAAC,CAAC;EAEd,oBACEH,IAAA,CAACJ,QAAQ,CAACiB,IAAI;IAAA,GACRN,IAAI;IACRF,KAAK,EAAE,CAACV,UAAU,CAACmB,YAAY,EAAEC,MAAM,CAACC,OAAO,EAAER,aAAa,EAAEH,KAAK,CAAE;IACvEM,aAAa,EAAEA,aAAc;IAAAM,QAAA,eAE7BjB,IAAA,CAACN,SAAS;MACRU,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAEU,MAAM,CAACG,SAAU;MACxBC,IAAI,EAAC,QAAQ;MACb,cAAYb,kBAAmB;MAC/Bc,UAAU;IAAA,CACX;EAAC,CACW,CAAC;AAEpB;AAEA,MAAML,MAAM,GAAGpB,UAAU,CAAC0B,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,eAAe,EAAE;EACnB,CAAC;EACDJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Pressable","StyleSheet","Animated","useAnimatedProps","useAnimatedStyle","jsx","_jsx","PROGRESS_EPSILON","Overlay","progress","onPress","style","accessibilityLabel","rest","animatedStyle","active","value","opacity","pointerEvents","animatedProps","View","absoluteFill","styles","overlay","children","pressable","role","accessible","create","backgroundColor","flex"],"sourceRoot":"../../../src","sources":["views/Overlay.native.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,QAAQ,cAAc;AACpD,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIjC,MAAMC,gBAAgB,GAAG,IAAI;AAE7B,OAAO,SAASC,OAAOA,CAAC;EACtBC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,kBAAkB,GAAG,cAAc;EACnC,GAAGC;AACS,CAAC,EAAE;EACf,MAAMC,aAAa,GAAGV,gBAAgB,CAAC,MAAM;IAC3C,MAAMW,MAAM,GAAGN,QAAQ,CAACO,KAAK,GAAGT,gBAAgB;IAEhD,OAAO;MACLU,OAAO,EAAER,QAAQ,CAACO,KAAK;MACvBE,aAAa,EAAEH,MAAM,GAAG,MAAM,GAAG;IACnC,CAAC;EACH,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,MAAMU,aAAa,GAAGhB,gBAAgB,CAAC,MAAM;IAC3C,MAAMY,MAAM,GAAGN,QAAQ,CAACO,KAAK,GAAGT,gBAAgB;IAEhD,OAAO;MACL,aAAa,EAAE,CAACQ;IAClB,CAAC;EACH,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,oBACEH,IAAA,CAACJ,QAAQ,CAACkB,IAAI;IAAA,GACRP,IAAI;IACRF,KAAK,EAAE,CAACV,UAAU,CAACoB,YAAY,EAAEC,MAAM,CAACC,OAAO,EAAET,aAAa,EAAEH,KAAK,CAAE;IACvEQ,aAAa,EAAEA,aAAc;IAAAK,QAAA,eAE7BlB,IAAA,CAACN,SAAS;MACRU,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAEW,MAAM,CAACG,SAAU;MACxBC,IAAI,EAAC,QAAQ;MACb,cAAYd,kBAAmB;MAC/Be,UAAU;IAAA,CACX;EAAC,CACW,CAAC;AAEpB;AAEA,MAAML,MAAM,GAAGrB,UAAU,CAAC2B,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,eAAe,EAAE;EACnB,CAAC;EACDJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPZ,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -2,10 +2,6 @@ import * as React from 'react';
 import type { StyleProp, View, ViewStyle } from 'react-native';
 import type { PanGesture } from 'react-native-gesture-handler';
 import type { SharedValue } from 'react-native-reanimated';
-export type Layout = {
-    width: number;
-    height: number;
-};
 export type DrawerProps = {
     /**
      * Whether the drawer is open or not.
@@ -43,17 +39,9 @@ export type DrawerProps = {
      * Callback which returns a react element to render as the content of the drawer.
      */
     renderDrawerContent: () => React.ReactNode;
-    /**
-     * Object containing the layout of the container.
-     * Defaults to the dimensions of the application's window.
-     */
-    layout?: {
-        width: number;
-        height: number;
-    };
     /**
      * Locale direction of the drawer.
-     * Defaults to `rtl` when `I18nManager.isRTL` is `true` on Android & iOS, otherwise `ltr`.
+     * Defaults to `rtl` when `I18nManager.getConstants().isRTL` is `true` on Android & iOS, otherwise `ltr`.
      */
     direction?: 'ltr' | 'rtl';
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE/C;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,mBAAmB,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAE3C;;;OAGG;IACH,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAE3C;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAElC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;IAEtD;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAE/C;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,UAAU,CAAC;IAE9D;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAC7D,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE/C;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,mBAAmB,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAE3C;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAElC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;IAEtD;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAE/C;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,UAAU,CAAC;IAE9D;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAC7D,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC"}

package/lib/typescript/src/utils/getDrawerWidth.d.ts

@@ -1,12 +1,9 @@
-import { type StyleProp, type ViewStyle } from 'react-native';
-export declare function getDrawerWidthNative({ layout, drawerStyle, }: {
-    layout: {
-        width: number;
-        height: number;
-    };
-    drawerStyle?: StyleProp<ViewStyle>;
+import { type DimensionValue, type ViewStyle } from 'react-native';
+export declare function getDrawerWidthNative({ containerWidth, customWidth, }: {
+    containerWidth: number;
+    customWidth: DimensionValue | undefined | null;
 }): number;
 export declare function getDrawerWidthWeb({ drawerStyle, }: {
-    drawerStyle?: StyleProp<ViewStyle>;
+    drawerStyle: ViewStyle;
 }): string;
 //# sourceMappingURL=getDrawerWidth.d.ts.map

package/lib/typescript/src/utils/getDrawerWidth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDrawerWidth.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDrawerWidth.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAY1E,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,WAAW,GACZ,EAAE;IACD,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC,UAkBA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,GACZ,EAAE;IACD,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC,GAAG,MAAM,CAYT"}
+{"version":3,"file":"getDrawerWidth.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDrawerWidth.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAYnE,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,WAAW,GACZ,EAAE;IACD,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,cAAc,GAAG,SAAS,GAAG,IAAI,CAAC;CAChD,UAoBA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,GACZ,EAAE;IACD,WAAW,EAAE,SAAS,CAAC;CACxB,GAAG,MAAM,CAYT"}

package/lib/typescript/src/views/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/views/Drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAM5C,wBAAgB,MAAM,CAAC,EACrB,SAAiB,EACjB,cAAuD,EACvD,WAAW,EACX,UAAoB,EACpB,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,IAAI,EACJ,YAAY,EACZ,yBAAyB,EACzB,mBAAmB,EACnB,QAAQ,EACR,KAAK,GACN,EAAE,WAAW,2CA6Hb"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/views/Drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAM5C,wBAAgB,MAAM,CAAC,EACrB,SAAiB,EACjB,cAAuD,EACvD,WAAW,EACX,UAAoB,EACpB,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,IAAI,EACJ,YAAY,EACZ,yBAAyB,EACzB,mBAAmB,EACnB,QAAQ,EACR,KAAK,GACN,EAAE,WAAW,2CA2Hb"}

package/lib/typescript/src/views/Drawer.native.d.ts

@@ -1,3 +1,3 @@
 import type { DrawerProps } from '../types';
-export declare function Drawer({ layout: customLayout, direction, drawerPosition, drawerStyle, drawerType, configureGestureHandler, hideStatusBarOnOpen, keyboardDismissMode, onClose, onOpen, onGestureStart, onGestureCancel, onGestureEnd, onTransitionStart, onTransitionEnd, open, overlayStyle, overlayAccessibilityLabel, statusBarAnimation, swipeEnabled, swipeEdgeWidth, swipeMinDistance, swipeMinVelocity, renderDrawerContent, children, style, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Drawer({ direction, drawerPosition, drawerStyle, drawerType, configureGestureHandler, hideStatusBarOnOpen, keyboardDismissMode, onClose, onOpen, onGestureStart, onGestureCancel, onGestureEnd, onTransitionStart, onTransitionEnd, open, overlayStyle, overlayAccessibilityLabel, statusBarAnimation, swipeEnabled, swipeEdgeWidth, swipeMinDistance, swipeMinVelocity, renderDrawerContent, children, style, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Drawer.native.d.ts.map

package/lib/typescript/src/views/Drawer.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.native.d.ts","sourceRoot":"","sources":["../../../../src/views/Drawer.native.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAuB5C,wBAAgB,MAAM,CAAC,EACrB,MAAM,EAAE,YAAY,EACpB,SAA4D,EAC5D,cAAuD,EACvD,WAAW,EACX,UAAoB,EACpB,uBAAuB,EACvB,mBAA2B,EAC3B,mBAA+B,EAC/B,OAAO,EACP,MAAM,EACN,cAAc,EACd,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,IAAI,EACJ,YAAY,EACZ,yBAAyB,EACzB,kBAA4B,EAC5B,YAEyB,EACzB,cAAiC,EACjC,gBAAqC,EACrC,gBAAqC,EACrC,mBAAmB,EACnB,QAAQ,EACR,KAAK,GACN,EAAE,WAAW,2CAgZb"}
+{"version":3,"file":"Drawer.native.d.ts","sourceRoot":"","sources":["../../../../src/views/Drawer.native.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAuB5C,wBAAgB,MAAM,CAAC,EACrB,SAA4D,EAC5D,cAAuD,EACvD,WAAW,EACX,UAAoB,EACpB,uBAAuB,EACvB,mBAA2B,EAC3B,mBAA+B,EAC/B,OAAO,EACP,MAAM,EACN,cAAc,EACd,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,IAAI,EACJ,YAAY,EACZ,yBAAyB,EACzB,kBAA4B,EAC5B,YAEyB,EACzB,cAAiC,EACjC,gBAAqC,EACrC,gBAAqC,EACrC,mBAAmB,EACnB,QAAQ,EACR,KAAK,GACN,EAAE,WAAW,2CA4db"}

package/lib/typescript/src/views/Overlay.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.native.d.ts","sourceRoot":"","sources":["../../../../src/views/Overlay.native.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,kBAAmC,EACnC,GAAG,IAAI,EACR,EAAE,YAAY,2CA+Bd"}
+{"version":3,"file":"Overlay.native.d.ts","sourceRoot":"","sources":["../../../../src/views/Overlay.native.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,kBAAmC,EACnC,GAAG,IAAI,EACR,EAAE,YAAY,2CAiCd"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-drawer-layout",
   "description": "Drawer component for React Native",
-  "version": "4.2.1",
+  "version": "5.0.0-alpha.0",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -43,25 +43,22 @@
   },
   "dependencies": {
     "color": "^4.2.3",
-    "use-latest-callback": "^0.2.4"
+    "use-latest-callback": "^0.3.2"
   },
   "devDependencies": {
-    "@jest/globals": "^30.0.0",
-    "@testing-library/react-native": "^13.2.1",
-    "@types/color": "^4.2.0",
-    "@types/react": "~19.0.10",
     "del-cli": "^6.0.0",
     "react": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-builder-bob": "^0.40.17",
-    "react-native-reanimated": "^3.19.4",
+    "react-native": "0.81.4",
+    "react-native-builder-bob": "^0.40.12",
+    "react-native-reanimated": "4.1.3",
+    "react-native-worklets": "0.6.1",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "react": ">= 18.2.0",
+    "react": ">= 19.0.0",
     "react-native": "*",
     "react-native-gesture-handler": ">= 2.0.0",
-    "react-native-reanimated": ">= 2.0.0"
+    "react-native-reanimated": ">= 4.0.0"
   },
   "react-native-builder-bob": {
     "source": "src",
@@ -81,5 +78,5 @@
       ]
     ]
   },
-  "gitHead": "2b7ee0d2d1b1ef0390b690f59c0c1dd8bd57e9eb"
+  "gitHead": "46daae524ec6a59737147ed506222dd09a5b6e39"
 }

package/src/types.tsx

@@ -3,8 +3,6 @@ import type { StyleProp, View, ViewStyle } from 'react-native';
 import type { PanGesture } from 'react-native-gesture-handler';
 import type { SharedValue } from 'react-native-reanimated';
 
-export type Layout = { width: number; height: number };
-
 export type DrawerProps = {
   /**
    * Whether the drawer is open or not.
@@ -51,15 +49,9 @@ export type DrawerProps = {
    */
   renderDrawerContent: () => React.ReactNode;
 
-  /**
-   * Object containing the layout of the container.
-   * Defaults to the dimensions of the application's window.
-   */
-  layout?: { width: number; height: number };
-
   /**
    * Locale direction of the drawer.
-   * Defaults to `rtl` when `I18nManager.isRTL` is `true` on Android & iOS, otherwise `ltr`.
+   * Defaults to `rtl` when `I18nManager.getConstants().isRTL` is `true` on Android & iOS, otherwise `ltr`.
    */
   direction?: 'ltr' | 'rtl';
 

package/src/utils/getDrawerWidth.tsx

@@ -1,4 +1,4 @@
-import { type StyleProp, StyleSheet, type ViewStyle } from 'react-native';
+import { type DimensionValue, type ViewStyle } from 'react-native';
 
 const APPROX_APP_BAR_HEIGHT = 56;
 const DEFAULT_DRAWER_WIDTH = 360;
@@ -11,25 +11,27 @@ const DEFAULT_DRAWER_WIDTH = 360;
 const DRAWER_DEFAULT_WIDTH_WEB = `min(calc(100% - ${APPROX_APP_BAR_HEIGHT}px), ${DEFAULT_DRAWER_WIDTH}px)`;
 
 export function getDrawerWidthNative({
-  layout,
-  drawerStyle,
+  containerWidth,
+  customWidth,
 }: {
-  layout: { width: number; height: number };
-  drawerStyle?: StyleProp<ViewStyle>;
+  containerWidth: number;
+  customWidth: DimensionValue | undefined | null;
 }) {
+  'worklet';
+
   const defaultWidth =
-    layout.width - APPROX_APP_BAR_HEIGHT <= 360
-      ? layout.width - APPROX_APP_BAR_HEIGHT
+    containerWidth - APPROX_APP_BAR_HEIGHT <= 360
+      ? containerWidth - APPROX_APP_BAR_HEIGHT
       : DEFAULT_DRAWER_WIDTH;
 
-  const { width = defaultWidth } = StyleSheet.flatten(drawerStyle) || {};
+  const width = customWidth ?? defaultWidth;
 
   if (typeof width === 'string' && width.endsWith('%')) {
     // Try to calculate width if a percentage is given
     const percentage = Number(width.replace(/%$/, ''));
 
     if (Number.isFinite(percentage)) {
-      return layout.width * (percentage / 100);
+      return containerWidth * (percentage / 100);
     }
   }
 
@@ -39,9 +41,9 @@ export function getDrawerWidthNative({
 export function getDrawerWidthWeb({
   drawerStyle,
 }: {
-  drawerStyle?: StyleProp<ViewStyle>;
+  drawerStyle: ViewStyle;
 }): string {
-  const { width } = StyleSheet.flatten(drawerStyle) || {};
+  const { width } = drawerStyle;
 
   if (typeof width === 'number') {
     return `${width}px`;

package/src/views/Drawer.native.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import {
+  Dimensions,
   I18nManager,
-  InteractionManager,
   Keyboard,
+  type LayoutChangeEvent,
   Platform,
   StatusBar,
   StyleSheet,
-  useWindowDimensions,
   View,
 } from 'react-native';
 import Animated, {
@@ -44,7 +44,6 @@ const minmax = (value: number, start: number, end: number) => {
 };
 
 export function Drawer({
-  layout: customLayout,
   direction = I18nManager.getConstants().isRTL ? 'rtl' : 'ltr',
   drawerPosition = direction === 'rtl' ? 'right' : 'left',
   drawerStyle,
@@ -73,25 +72,27 @@ export function Drawer({
   children,
   style,
 }: DrawerProps) {
-  const windowDimensions = useWindowDimensions();
-
-  const layout = customLayout ?? windowDimensions;
-  const drawerWidth = getDrawerWidthNative({ layout, drawerStyle });
+  const { width: customWidth } = StyleSheet.flatten(drawerStyle) || {};
 
   const isOpen = drawerType === 'permanent' ? true : open;
   const isRight = drawerPosition === 'right';
 
   const getDrawerTranslationX = React.useCallback(
-    (open: boolean) => {
+    (open: boolean, containerWidth: number) => {
       'worklet';
 
+      const drawerWidth = getDrawerWidthNative({
+        containerWidth,
+        customWidth,
+      });
+
       if (drawerPosition === 'left') {
         return open ? 0 : -drawerWidth;
       }
 
       return open ? 0 : drawerWidth;
     },
-    [drawerPosition, drawerWidth]
+    [customWidth, drawerPosition]
   );
 
   const hideStatusBar = React.useCallback(
@@ -109,19 +110,6 @@ export function Drawer({
     return () => hideStatusBar(false);
   }, [isOpen, hideStatusBarOnOpen, statusBarAnimation, hideStatusBar]);
 
-  const interactionHandleRef = React.useRef<number | null>(null);
-
-  const startInteraction = useLatestCallback(() => {
-    interactionHandleRef.current = InteractionManager.createInteractionHandle();
-  });
-
-  const endInteraction = useLatestCallback(() => {
-    if (interactionHandleRef.current != null) {
-      InteractionManager.clearInteractionHandle(interactionHandleRef.current);
-      interactionHandleRef.current = null;
-    }
-  });
-
   const hideKeyboard = useLatestCallback(() => {
     if (keyboardDismissMode === 'on-drag') {
       Keyboard.dismiss();
@@ -130,19 +118,16 @@ export function Drawer({
 
   const onGestureBegin = useLatestCallback(() => {
     onGestureStart?.();
-    startInteraction();
     hideKeyboard();
     hideStatusBar(true);
   });
 
   const onGestureFinish = useLatestCallback(() => {
     onGestureEnd?.();
-    endInteraction();
   });
 
   const onGestureAbort = useLatestCallback(() => {
     onGestureCancel?.();
-    endInteraction();
   });
 
   const hitSlop = React.useMemo(
@@ -155,9 +140,55 @@ export function Drawer({
     [isRight, isOpen, swipeEdgeWidth]
   );
 
+  const [initialWidth] = React.useState(() => Dimensions.get('window').width);
+
+  const layoutWidth = useSharedValue(initialWidth);
+  const translationX = useSharedValue(
+    getDrawerTranslationX(open, initialWidth)
+  );
+
+  const contentRef = React.useRef<View>(null);
+
+  React.useLayoutEffect(() => {
+    const measureLayout = () => {
+      contentRef.current?.measure((_x, _y, width) => {
+        layoutWidth.set(width);
+        translationX.set(getDrawerTranslationX(open, width));
+      });
+    };
+
+    measureLayout();
+
+    // FIXME: the layout is off after screen rotation
+    // Measure the layout again on screen rotation
+    let handle: number | undefined;
+
+    const subscription = Dimensions.addEventListener('change', () => {
+      // The measurement is not accurate without the delay
+      handle = requestAnimationFrame(() => {
+        measureLayout();
+      });
+    });
+
+    return () => {
+      if (handle != null) {
+        cancelAnimationFrame(handle);
+      }
+
+      subscription.remove();
+    };
+
+    // only measure on initial render
+    // subsequent updates will be handled by onLayout
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const onLayout = (event: LayoutChangeEvent) => {
+    layoutWidth.set(event.nativeEvent.layout.width);
+  };
+
   const touchStartX = useSharedValue(0);
   const touchX = useSharedValue(0);
-  const translationX = useSharedValue(getDrawerTranslationX(open));
   const gestureState = useSharedValue<GestureState>(GestureState.UNDETERMINED);
 
   const onAnimationStart = useLatestCallback((open: boolean) => {
@@ -174,31 +205,47 @@ export function Drawer({
     }
   );
 
+  const animatingTo = useSharedValue<'open' | 'close' | null>(null);
+
   const toggleDrawer = React.useCallback(
     (open: boolean, velocity?: number) => {
       'worklet';
 
-      const translateX = getDrawerTranslationX(open);
+      touchStartX.set(0);
+      touchX.set(0);
+
+      const containerWidth = layoutWidth.get();
+      const toValue = getDrawerTranslationX(open, containerWidth);
+
+      if (translationX.get() === toValue) {
+        return;
+      }
+
+      if (animatingTo.get() === (open ? 'open' : 'close')) {
+        return;
+      }
 
       if (velocity === undefined) {
         runOnJS(onAnimationStart)(open);
       }
 
-      touchStartX.value = 0;
-      touchX.value = 0;
-      translationX.value = withSpring(
-        translateX,
-        {
-          velocity,
-          stiffness: 1000,
-          damping: 500,
-          mass: 3,
-          overshootClamping: true,
-          restDisplacementThreshold: 0.01,
-          restSpeedThreshold: 0.01,
-          reduceMotion: ReduceMotion.Never,
-        },
-        (finished) => runOnJS(onAnimationEnd)(open, finished)
+      animatingTo.set(open ? 'open' : 'close');
+      translationX.set(
+        withSpring(
+          toValue,
+          {
+            velocity,
+            stiffness: 1000,
+            damping: 500,
+            mass: 3,
+            overshootClamping: true,
+            reduceMotion: ReduceMotion.Never,
+          },
+          (finished) => {
+            animatingTo.set(null);
+            runOnJS(onAnimationEnd)(open, finished);
+          }
+        )
       );
 
       if (open) {
@@ -208,18 +255,22 @@ export function Drawer({
       }
     },
     [
-      getDrawerTranslationX,
-      onAnimationEnd,
-      onAnimationStart,
-      onClose,
-      onOpen,
       touchStartX,
       touchX,
+      layoutWidth,
+      getDrawerTranslationX,
       translationX,
+      animatingTo,
+      onAnimationStart,
+      onAnimationEnd,
+      onOpen,
+      onClose,
     ]
   );
 
-  React.useEffect(() => toggleDrawer(open), [open, toggleDrawer]);
+  React.useEffect(() => {
+    toggleDrawer(open);
+  }, [animatingTo, open, toggleDrawer]);
 
   const startX = useSharedValue(0);
 
@@ -228,9 +279,9 @@ export function Drawer({
       .onBegin((event) => {
         'worklet';
 
-        startX.value = translationX.value;
-        gestureState.value = event.state;
-        touchStartX.value = event.x;
+        startX.set(translationX.get());
+        gestureState.set(event.state);
+        touchStartX.set(event.x);
       })
       .onStart(() => {
         'worklet';
@@ -240,14 +291,14 @@ export function Drawer({
       .onChange((event) => {
         'worklet';
 
-        touchX.value = event.x;
-        translationX.value = startX.value + event.translationX;
-        gestureState.value = event.state;
+        touchX.set(event.x);
+        translationX.set(startX.get() + event.translationX);
+        gestureState.set(event.state);
       })
       .onEnd((event, success) => {
         'worklet';
 
-        gestureState.value = event.state;
+        gestureState.set(event.state);
 
         if (!success) {
           runOnJS(onGestureAbort)();
@@ -300,6 +351,11 @@ export function Drawer({
   ]);
 
   const translateX = useDerivedValue(() => {
+    const drawerWidth = getDrawerWidthNative({
+      containerWidth: layoutWidth.get(),
+      customWidth,
+    });
+
     // Comment stolen from react-native-gesture-handler/DrawerLayout
     //
     // While closing the drawer when user starts gesture outside of its area (in greyed
@@ -326,32 +382,38 @@ export function Drawer({
     //
     // This is used only when drawerType is "front"
     const touchDistance =
-      drawerType === 'front' && gestureState.value === GestureState.ACTIVE
+      drawerType === 'front' && gestureState.get() === GestureState.ACTIVE
         ? minmax(
             drawerPosition === 'left'
-              ? touchStartX.value - drawerWidth
-              : layout.width - drawerWidth - touchStartX.value,
+              ? touchStartX.get() - drawerWidth
+              : layoutWidth.get() - drawerWidth - touchStartX.get(),
             0,
-            layout.width
+            layoutWidth.get()
           )
         : 0;
 
     const translateX =
       drawerPosition === 'left'
-        ? minmax(translationX.value + touchDistance, -drawerWidth, 0)
-        : minmax(translationX.value - touchDistance, 0, drawerWidth);
+        ? minmax(translationX.get() + touchDistance, -drawerWidth, 0)
+        : minmax(translationX.get() - touchDistance, 0, drawerWidth);
 
     return translateX;
   });
 
   const drawerAnimatedStyle = useAnimatedStyle(() => {
-    const distanceFromEdge = layout.width - drawerWidth;
+    const drawerWidth = getDrawerWidthNative({
+      containerWidth: layoutWidth.get(),
+      customWidth,
+    });
+
+    const distanceFromEdge = layoutWidth.get() - drawerWidth;
 
     return {
+      width: drawerWidth,
       // FIXME: Reanimated skips committing to the shadow tree if no layout props are animated
       // This results in pressables not getting their correct position and can't be pressed
       // So we animate the zIndex to force the commit - it doesn't affect the drawer visually
-      zIndex: translateX.value === 0 ? 0 : 1,
+      zIndex: translateX.get() === 0 ? 0 : 1,
       transform:
         drawerType === 'permanent'
           ? // Reanimated needs the property to be present, but it results in Browser bug
@@ -361,7 +423,7 @@ export function Drawer({
               {
                 translateX:
                   // The drawer stays in place when `drawerType` is `back`
-                  (drawerType === 'back' ? 0 : translateX.value) +
+                  (drawerType === 'back' ? 0 : translateX.get()) +
                   (direction === 'rtl'
                     ? drawerPosition === 'left'
                       ? -distanceFromEdge
@@ -373,18 +435,23 @@ export function Drawer({
             ],
     };
   }, [
+    customWidth,
     direction,
     drawerPosition,
     drawerType,
-    drawerWidth,
-    layout.width,
+    layoutWidth,
     translateX,
   ]);
 
   const contentAnimatedStyle = useAnimatedStyle(() => {
+    const drawerWidth = getDrawerWidthNative({
+      containerWidth: layoutWidth.get(),
+      customWidth,
+    });
+
     return {
       // FIXME: Force Reanimated to commit to the shadow tree
-      zIndex: translateX.value === 0 ? 0 : drawerType === 'back' ? 2 : 1,
+      zIndex: translateX.get() === 0 ? 0 : drawerType === 'back' ? 2 : 1,
       transform:
         drawerType === 'permanent'
           ? // Reanimated needs the property to be present, but it results in Browser bug
@@ -396,19 +463,24 @@ export function Drawer({
                   // The screen content stays in place when `drawerType` is `front`
                   drawerType === 'front'
                     ? 0
-                    : translateX.value +
+                    : translateX.get() +
                       drawerWidth * (drawerPosition === 'left' ? 1 : -1),
               },
             ],
     };
-  }, [drawerPosition, drawerType, drawerWidth, translateX]);
+  }, [customWidth, drawerPosition, drawerType, layoutWidth, translateX]);
 
   const progress = useDerivedValue(() => {
+    const containerWidth = layoutWidth.get();
+
     return drawerType === 'permanent'
       ? 1
       : interpolate(
-          translateX.value,
-          [getDrawerTranslationX(false), getDrawerTranslationX(true)],
+          translateX.get(),
+          [
+            getDrawerTranslationX(false, containerWidth),
+            getDrawerTranslationX(true, containerWidth),
+          ],
           [0, 1]
         );
   });
@@ -433,7 +505,11 @@ export function Drawer({
                 },
               ]}
             >
-              <Animated.View style={[styles.content, contentAnimatedStyle]}>
+              <Animated.View
+                ref={contentRef}
+                onLayout={onLayout}
+                style={[styles.content, contentAnimatedStyle]}
+              >
                 <View
                   aria-hidden={isOpen && drawerType !== 'permanent'}
                   style={styles.content}
@@ -455,7 +531,6 @@ export function Drawer({
                 style={[
                   styles.drawer,
                   {
-                    width: drawerWidth,
                     position:
                       drawerType === 'permanent' ? 'relative' : 'absolute',
                     zIndex: drawerType === 'back' ? -1 : 0,

package/src/views/Drawer.tsx

@@ -23,14 +23,15 @@ export function Drawer({
   children,
   style,
 }: DrawerProps) {
+  const flattenedDrawerStyle = StyleSheet.flatten(drawerStyle) || {};
   const drawerWidth = getDrawerWidthWeb({
-    drawerStyle,
+    drawerStyle: flattenedDrawerStyle,
   });
 
   const progress = useFakeSharedValue(open ? 1 : 0);
 
   React.useEffect(() => {
-    progress.value = open ? 1 : 0;
+    progress.set(open ? 1 : 0);
   }, [open, progress]);
 
   const drawerRef = React.useRef<View>(null);
@@ -114,18 +115,15 @@ export function Drawer({
         drawerStyle,
       ]}
     >
-      {renderDrawerContent()}
+      <Inert enabled={drawerType !== 'permanent' && !isOpen}>
+        {renderDrawerContent()}
+      </Inert>
     </View>
   );
 
   const mainContent = (
     <View key="content" style={[styles.content, contentAnimatedStyle]}>
-      <View
-        aria-hidden={isOpen && drawerType !== 'permanent'}
-        style={styles.content}
-      >
-        {children}
-      </View>
+      <Inert enabled={drawerType !== 'permanent' && isOpen}>{children}</Inert>
       {drawerType !== 'permanent' ? (
         <Overlay
           open={open}
@@ -149,6 +147,30 @@ export function Drawer({
   );
 }
 
+function Inert({
+  enabled,
+  children,
+}: {
+  enabled: boolean;
+  children: React.ReactNode;
+}) {
+  return (
+    <div
+      inert={enabled}
+      aria-hidden={enabled}
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        flexGrow: 1,
+        flexShrink: 1,
+        flexBasis: 'auto',
+      }}
+    >
+      {children}
+    </div>
+  );
+}
+
 const styles = StyleSheet.create({
   container: {
     flex: 1,

package/src/views/Overlay.native.tsx

@@ -16,8 +16,11 @@ export function Overlay({
   ...rest
 }: OverlayProps) {
   const animatedStyle = useAnimatedStyle(() => {
+    const active = progress.value > PROGRESS_EPSILON;
+
     return {
       opacity: progress.value,
+      pointerEvents: active ? 'auto' : 'none',
     };
   }, [progress]);
 
@@ -25,7 +28,6 @@ export function Overlay({
     const active = progress.value > PROGRESS_EPSILON;
 
     return {
-      'pointerEvents': active ? 'auto' : 'none',
       'aria-hidden': !active,
     } as const;
   }, [progress]);