react-native-drawer-layout 4.1.11 → 4.1.13

package/lib/module/utils/getDrawerWidth.js

@@ -33,6 +33,12 @@ export function getDrawerWidthWeb({
   const {
     width
   } = StyleSheet.flatten(drawerStyle) || {};
-  return typeof width === 'string' || typeof width === 'number' ? width : DRAWER_DEFAULT_WIDTH_WEB;
+  if (typeof width === 'number') {
+    return `${width}px`;
+  }
+  if (typeof width === 'string') {
+    return width;
+  }
+  return DRAWER_DEFAULT_WIDTH_WEB;
 }
 //# sourceMappingURL=getDrawerWidth.js.map

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,EAAE;EACD,MAAM;IAAEE;EAAM,CAAC,GAAGR,UAAU,CAACS,OAAO,CAACH,WAAW,CAAC,IAAI,CAAC,CAAC;EAEvD,OAAO,OAAOE,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,GACzDA,KAAK,GACLL,wBAAwB;AAC9B","ignoreList":[]}
+{"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":[]}

package/lib/module/views/Overlay.js

@@ -11,7 +11,7 @@ export function Overlay({
 }) {
   return /*#__PURE__*/_jsx(View, {
     ...rest,
-    style: [styles.overlay, {
+    style: [StyleSheet.absoluteFill, styles.overlay, {
       opacity: open ? 1 : 0,
       pointerEvents: open ? 'auto' : 'none'
     }, style],
@@ -28,7 +28,6 @@ export function Overlay({
 }
 const styles = StyleSheet.create({
   overlay: {
-    ...StyleSheet.absoluteFillObject,
     backgroundColor: 'rgba(0, 0, 0, 0.5)',
     // Disable touch highlight on mobile Safari.
     // WebkitTapHighlightColor must be used outside of StyleSheet.create because react-native-web will omit the property.

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

@@ -1 +1 @@
-{"version":3,"names":["Pressable","StyleSheet","View","jsx","_jsx","Overlay","open","onPress","style","accessibilityLabel","rest","styles","overlay","opacity","pointerEvents","children","pressable","role","create","absoluteFillObject","backgroundColor","WebkitTapHighlightColor","transition","flex"],"sourceRoot":"../../../src","sources":["views/Overlay.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI3D,OAAO,SAASC,OAAOA,CAAC;EACtBC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,kBAAkB,GAAG,cAAc;EACnC,GAAGC;AACS,CAAC,EAAE;EACf,oBACEN,IAAA,CAACF,IAAI;IAAA,GACCQ,IAAI;IACRF,KAAK,EAAE,CACLG,MAAM,CAACC,OAAO,EACd;MAAEC,OAAO,EAAEP,IAAI,GAAG,CAAC,GAAG,CAAC;MAAEQ,aAAa,EAAER,IAAI,GAAG,MAAM,GAAG;IAAO,CAAC,EAChEE,KAAK,CACL;IACF,eAAa,CAACF,IAAK;IAAAS,QAAA,eAEnBX,IAAA,CAACJ,SAAS;MACRO,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE,CAACG,MAAM,CAACK,SAAS,EAAE;QAAEF,aAAa,EAAER,IAAI,GAAG,MAAM,GAAG;MAAO,CAAC,CAAE;MACrEW,IAAI,EAAC,QAAQ;MACb,cAAYR;IAAmB,CAChC;EAAC,CACE,CAAC;AAEX;AAEA,MAAME,MAAM,GAAGV,UAAU,CAACiB,MAAM,CAAC;EAC/BN,OAAO,EAAE;IACP,GAAGX,UAAU,CAACkB,kBAAkB;IAChCC,eAAe,EAAE,oBAAoB;IACrC;IACA;IACA;IACAC,uBAAuB,EAAE,aAAa;IACtCC,UAAU,EAAE;EACd,CAAC;EACDN,SAAS,EAAE;IACTO,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Pressable","StyleSheet","View","jsx","_jsx","Overlay","open","onPress","style","accessibilityLabel","rest","absoluteFill","styles","overlay","opacity","pointerEvents","children","pressable","role","create","backgroundColor","WebkitTapHighlightColor","transition","flex"],"sourceRoot":"../../../src","sources":["views/Overlay.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI3D,OAAO,SAASC,OAAOA,CAAC;EACtBC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,kBAAkB,GAAG,cAAc;EACnC,GAAGC;AACS,CAAC,EAAE;EACf,oBACEN,IAAA,CAACF,IAAI;IAAA,GACCQ,IAAI;IACRF,KAAK,EAAE,CACLP,UAAU,CAACU,YAAY,EACvBC,MAAM,CAACC,OAAO,EACd;MAAEC,OAAO,EAAER,IAAI,GAAG,CAAC,GAAG,CAAC;MAAES,aAAa,EAAET,IAAI,GAAG,MAAM,GAAG;IAAO,CAAC,EAChEE,KAAK,CACL;IACF,eAAa,CAACF,IAAK;IAAAU,QAAA,eAEnBZ,IAAA,CAACJ,SAAS;MACRO,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE,CAACI,MAAM,CAACK,SAAS,EAAE;QAAEF,aAAa,EAAET,IAAI,GAAG,MAAM,GAAG;MAAO,CAAC,CAAE;MACrEY,IAAI,EAAC,QAAQ;MACb,cAAYT;IAAmB,CAChC;EAAC,CACE,CAAC;AAEX;AAEA,MAAMG,MAAM,GAAGX,UAAU,CAACkB,MAAM,CAAC;EAC/BN,OAAO,EAAE;IACPO,eAAe,EAAE,oBAAoB;IACrC;IACA;IACA;IACAC,uBAAuB,EAAE,aAAa;IACtCC,UAAU,EAAE;EACd,CAAC;EACDL,SAAS,EAAE;IACTM,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -25,7 +25,7 @@ export function Overlay({
   }, [progress]);
   return /*#__PURE__*/_jsx(Animated.View, {
     ...rest,
-    style: [styles.overlay, animatedStyle, style],
+    style: [StyleSheet.absoluteFill, styles.overlay, animatedStyle, style],
     animatedProps: animatedProps,
     children: /*#__PURE__*/_jsx(Pressable, {
       onPress: onPress,
@@ -38,7 +38,6 @@ export function Overlay({
 }
 const styles = StyleSheet.create({
   overlay: {
-    ...StyleSheet.absoluteFillObject,
     backgroundColor: 'rgba(0, 0, 0, 0.5)'
   },
   pressable: {

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","styles","overlay","children","pressable","role","accessible","create","absoluteFillObject","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,CAACS,MAAM,CAACC,OAAO,EAAEP,aAAa,EAAEH,KAAK,CAAE;IAC9CM,aAAa,EAAEA,aAAc;IAAAK,QAAA,eAE7BhB,IAAA,CAACN,SAAS;MACRU,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAES,MAAM,CAACG,SAAU;MACxBC,IAAI,EAAC,QAAQ;MACb,cAAYZ,kBAAmB;MAC/Ba,UAAU;IAAA,CACX;EAAC,CACW,CAAC;AAEpB;AAEA,MAAML,MAAM,GAAGnB,UAAU,CAACyB,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACP,GAAGpB,UAAU,CAAC0B,kBAAkB;IAChCC,eAAe,EAAE;EACnB,CAAC;EACDL,SAAS,EAAE;IACTM,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","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":[]}

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

@@ -8,5 +8,5 @@ export declare function getDrawerWidthNative({ layout, drawerStyle, }: {
 }): number;
 export declare function getDrawerWidthWeb({ drawerStyle, }: {
     drawerStyle?: StyleProp<ViewStyle>;
-}): number | "min(calc(100% - 56px), 360px)" | "auto" | `${number}%`;
+}): 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,oEAMA"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/views/Overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,kBAAmC,EACnC,GAAG,IAAI,EACR,EAAE,YAAY,2CAmBd"}
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/views/Overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,kBAAmC,EACnC,GAAG,IAAI,EACR,EAAE,YAAY,2CAoBd"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-drawer-layout",
   "description": "Drawer component for React Native",
-  "version": "4.1.11",
+  "version": "4.1.13",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -75,5 +75,5 @@
       ]
     ]
   },
-  "gitHead": "27560ad2fc55987654a2f9419a016225387e78fe"
+  "gitHead": "f9863e7a285860f744ca3569090a9a065bfc1512"
 }

package/src/utils/getDrawerWidth.tsx

@@ -40,10 +40,16 @@ export function getDrawerWidthWeb({
   drawerStyle,
 }: {
   drawerStyle?: StyleProp<ViewStyle>;
-}) {
+}): string {
   const { width } = StyleSheet.flatten(drawerStyle) || {};
 
-  return typeof width === 'string' || typeof width === 'number'
-    ? width
-    : DRAWER_DEFAULT_WIDTH_WEB;
+  if (typeof width === 'number') {
+    return `${width}px`;
+  }
+
+  if (typeof width === 'string') {
+    return width;
+  }
+
+  return DRAWER_DEFAULT_WIDTH_WEB;
 }

package/src/views/Overlay.native.tsx

@@ -33,7 +33,7 @@ export function Overlay({
   return (
     <Animated.View
       {...rest}
-      style={[styles.overlay, animatedStyle, style]}
+      style={[StyleSheet.absoluteFill, styles.overlay, animatedStyle, style]}
       animatedProps={animatedProps}
     >
       <Pressable
@@ -49,7 +49,6 @@ export function Overlay({
 
 const styles = StyleSheet.create({
   overlay: {
-    ...StyleSheet.absoluteFillObject,
     backgroundColor: 'rgba(0, 0, 0, 0.5)',
   },
   pressable: {

package/src/views/Overlay.tsx

@@ -13,6 +13,7 @@ export function Overlay({
     <View
       {...rest}
       style={[
+        StyleSheet.absoluteFill,
         styles.overlay,
         { opacity: open ? 1 : 0, pointerEvents: open ? 'auto' : 'none' },
         style,
@@ -31,7 +32,6 @@ export function Overlay({
 
 const styles = StyleSheet.create({
   overlay: {
-    ...StyleSheet.absoluteFillObject,
     backgroundColor: 'rgba(0, 0, 0, 0.5)',
     // Disable touch highlight on mobile Safari.
     // WebkitTapHighlightColor must be used outside of StyleSheet.create because react-native-web will omit the property.