@react-navigation/elements 3.0.0-alpha.50 → 3.0.0-alpha.52

package/lib/module/ActivityView.js

@@ -11,18 +11,18 @@ export function ActivityView({
   style,
   children
 }) {
-  const [delayedMode, setDelayedMode] = useState(mode);
+  const [delayedPaused, setDelayedPaused] = useState(mode === 'paused');
   useEffect(() => {
     if (!delay) {
       return;
     }
     const timer = setTimeout(() => {
-      setDelayedMode(mode);
+      setDelayedPaused(mode === 'paused');
     }, delay);
     return () => clearTimeout(timer);
   }, [delay, mode]);
   const display = visible ? 'flex' : 'none';
-  const activityMode = mode !== 'paused' || delay && delayedMode !== 'paused' ? 'visible' : 'hidden';
+  const activityMode = mode !== 'paused' || delay && !delayedPaused ? 'visible' : 'hidden';
 
   /**
    * Activity has 2 modes, visible and hidden - hidden unmounts effects

package/lib/module/ActivityView.js.map

@@ -1 +1 @@
-{"version":3,"names":["Activity","useCallback","useEffect","useState","Platform","Container","jsx","_jsx","ActivityView","mode","visible","delay","style","children","delayedMode","setDelayedMode","timer","setTimeout","clearTimeout","display","activityMode","onRef","node","OS","HTMLElement","observers","observe","forEach","o","disconnect","length","childNodes","child","MutationObserver","attributes","attributeFilter","push","observer","childList","ref","inert"],"sourceRoot":"../../src","sources":["ActivityView.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Activity","useCallback","useEffect","useState","Platform","Container","jsx","_jsx","ActivityView","mode","visible","delay","style","children","delayedPaused","setDelayedPaused","timer","setTimeout","clearTimeout","display","activityMode","onRef","node","OS","HTMLElement","observers","observe","forEach","o","disconnect","length","childNodes","child","MutationObserver","attributes","attributeFilter","push","observer","childList","ref","inert"],"sourceRoot":"../../src","sources":["ActivityView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ActivityView.native.js

@@ -14,18 +14,18 @@ export function ActivityView({
   style,
   children
 }) {
-  const [delayedMode, setDelayedMode] = useState(mode);
+  const [delayedPaused, setDelayedPaused] = useState(mode === 'paused');
   useEffect(() => {
     if (!delay) {
       return;
     }
     const timer = setTimeout(() => {
-      setDelayedMode(mode);
+      setDelayedPaused(mode === 'paused');
     }, delay);
     return () => clearTimeout(timer);
   }, [delay, mode]);
   const display = visible ? 'flex' : 'none';
-  const activityMode = mode !== 'paused' || delay && delayedMode !== 'paused' ? 'visible' : 'hidden';
+  const activityMode = mode !== 'paused' || delay && !delayedPaused ? 'visible' : 'hidden';
   return /*#__PURE__*/_jsx(Activity, {
     mode: activityMode,
     children: /*#__PURE__*/_jsx(ActivityContentView, {

package/lib/module/ActivityView.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Activity","useEffect","useState","NativeComponentRegistry","Container","jsx","_jsx","ActivityView","mode","visible","delay","style","children","delayedMode","setDelayedMode","timer","setTimeout","clearTimeout","display","activityMode","ActivityContentView","inert","STYLE","process","VIEW_CONFIG","uiViewClassName","validAttributes","get"],"sourceRoot":"../../src","sources":["ActivityView.native.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACrD,SAEEC,uBAAuB,QAElB,cAAc;;AAErB;;AAEA,SAASC,SAAS,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,OAAO,SAASC,YAAYA,CAAC;EAC3BC,IAAI;EACJC,OAAO;EACPC,KAAK,GAAG,GAAG;EACXC,KAAK;EACLC;AACK,CAAC,EAAE;EACR,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGZ,QAAQ,CAACM,IAAI,CAAC;EAEpDP,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,KAAK,EAAE;MACV;IACF;IAEA,MAAMK,KAAK,GAAGC,UAAU,CAAC,MAAM;MAC7BF,cAAc,CAACN,IAAI,CAAC;IACtB,CAAC,EAAEE,KAAK,CAAC;IAET,OAAO,MAAMO,YAAY,CAACF,KAAK,CAAC;EAClC,CAAC,EAAE,CAACL,KAAK,EAAEF,IAAI,CAAC,CAAC;EAEjB,MAAMU,OAAO,GAAGT,OAAO,GAAG,MAAM,GAAG,MAAM;EACzC,MAAMU,YAAY,GAChBX,IAAI,KAAK,QAAQ,IAAKE,KAAK,IAAIG,WAAW,KAAK,QAAS,GACpD,SAAS,GACT,QAAQ;EAEd,oBACEP,IAAA,CAACN,QAAQ;IAACQ,IAAI,EAAEW,YAAa;IAAAP,QAAA,eAC3BN,IAAA,CAACc,mBAAmB;MAACT,KAAK,EAAE;QAAEO,OAAO,EAAE;MAAW,CAAE;MAAAN,QAAA,eAClDN,IAAA,CAACF,SAAS;QACRiB,KAAK,EAAEb,IAAI,KAAK,QAAS;QACzBG,KAAK,EAAE;UACL,GAAGA,KAAK;UACR;AACZ;AACA;AACA;AACA;UACYO;QACF,CAAE;QAAAN,QAAA,EAEDA;MAAQ,CACA;IAAC,CACO;EAAC,CACd,CAAC;AAEf;AAEA,MAAMU,KAA8D,GAAG;EACrEJ,OAAO,EAAE;IACP;AACJ;AACA;AACA;IACIK,OAAO,EAAEA,CAAA,KAAM;EACjB;AACF,CAAC;AAED,MAAMC,WAAW,GAAG;EAClBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE;IACff,KAAK,EAAEW;EACT;AACF,CAAC;AAUD,MAAMF,mBAA4D,GAChEjB,uBAAuB,CAACwB,GAAG,CACzB,oCAAoC,EACpC,MAAMH,WACR,CAAC","ignoreList":[]}
+{"version":3,"names":["Activity","useEffect","useState","NativeComponentRegistry","Container","jsx","_jsx","ActivityView","mode","visible","delay","style","children","delayedPaused","setDelayedPaused","timer","setTimeout","clearTimeout","display","activityMode","ActivityContentView","inert","STYLE","process","VIEW_CONFIG","uiViewClassName","validAttributes","get"],"sourceRoot":"../../src","sources":["ActivityView.native.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACrD,SAEEC,uBAAuB,QAElB,cAAc;;AAErB;;AAEA,SAASC,SAAS,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,OAAO,SAASC,YAAYA,CAAC;EAC3BC,IAAI;EACJC,OAAO;EACPC,KAAK,GAAG,GAAG;EACXC,KAAK;EACLC;AACK,CAAC,EAAE;EACR,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGZ,QAAQ,CAACM,IAAI,KAAK,QAAQ,CAAC;EAErEP,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,KAAK,EAAE;MACV;IACF;IAEA,MAAMK,KAAK,GAAGC,UAAU,CAAC,MAAM;MAC7BF,gBAAgB,CAACN,IAAI,KAAK,QAAQ,CAAC;IACrC,CAAC,EAAEE,KAAK,CAAC;IAET,OAAO,MAAMO,YAAY,CAACF,KAAK,CAAC;EAClC,CAAC,EAAE,CAACL,KAAK,EAAEF,IAAI,CAAC,CAAC;EAEjB,MAAMU,OAAO,GAAGT,OAAO,GAAG,MAAM,GAAG,MAAM;EACzC,MAAMU,YAAY,GAChBX,IAAI,KAAK,QAAQ,IAAKE,KAAK,IAAI,CAACG,aAAc,GAAG,SAAS,GAAG,QAAQ;EAEvE,oBACEP,IAAA,CAACN,QAAQ;IAACQ,IAAI,EAAEW,YAAa;IAAAP,QAAA,eAC3BN,IAAA,CAACc,mBAAmB;MAACT,KAAK,EAAE;QAAEO,OAAO,EAAE;MAAW,CAAE;MAAAN,QAAA,eAClDN,IAAA,CAACF,SAAS;QACRiB,KAAK,EAAEb,IAAI,KAAK,QAAS;QACzBG,KAAK,EAAE;UACL,GAAGA,KAAK;UACR;AACZ;AACA;AACA;AACA;UACYO;QACF,CAAE;QAAAN,QAAA,EAEDA;MAAQ,CACA;IAAC,CACO;EAAC,CACd,CAAC;AAEf;AAEA,MAAMU,KAA8D,GAAG;EACrEJ,OAAO,EAAE;IACP;AACJ;AACA;AACA;IACIK,OAAO,EAAEA,CAAA,KAAM;EACjB;AACF,CAAC;AAED,MAAMC,WAAW,GAAG;EAClBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE;IACff,KAAK,EAAEW;EACT;AACF,CAAC;AAUD,MAAMF,mBAA4D,GAChEjB,uBAAuB,CAACwB,GAAG,CACzB,oCAAoC,EACpC,MAAMH,WACR,CAAC","ignoreList":[]}

package/lib/module/Container.js

@@ -12,6 +12,7 @@ export function Container({
   if (Platform.OS === 'web') {
     const {
       backgroundColor,
+      flex,
       ...rest
     } = style ?? {};
     return /*#__PURE__*/_jsx("div", {
@@ -20,6 +21,16 @@ export function Container({
       "aria-hidden": inert,
       style: {
         ...DEFAULT_STYLE,
+        // FIXME: A numeric flex shorthand uses a percentage basis in browsers.
+        // With nested containers, it slows down layout in Safari on iOS 27.
+        // So we explicitly set it to `0` without percentage, which renders 0px.
+        ...(flex !== undefined && flex > 0 ? {
+          flexGrow: flex,
+          flexShrink: 1,
+          flexBasis: 0
+        } : {
+          flex
+        }),
         ...rest,
         backgroundColor:
         // In practice we only get string on web instead of OpaqueValue

package/lib/module/Container.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","View","jsx","_jsx","Container","ref","inert","children","style","OS","backgroundColor","rest","DEFAULT_STYLE","undefined","pointerEvents","collapsable","display","alignContent","alignItems","boxSizing","flexBasis","flexDirection","flexShrink","minHeight","minWidth","position"],"sourceRoot":"../../src","sources":["Container.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,IAAI,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc9D,OAAO,SAASC,SAASA,CAAC;EAAEC,GAAG;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAE;EAChE,IAAIR,QAAQ,CAACS,EAAE,KAAK,KAAK,EAAE;IACzB,MAAM;MAAEC,eAAe;MAAE,GAAGC;IAAK,CAAC,GAAGH,KAAK,IAAI,CAAC,CAAC;IAEhD,oBACEL,IAAA;MACEE,GAAG,EAAEA,GAA6C;MAClDC,KAAK,EAAEA,KAAM;MACb,eAAaA,KAAM;MACnBE,KAAK,EAAE;QACL,GAAGI,aAAa;QAChB,GAAGD,IAAI;QACPD,eAAe;QACb;QACA,OAAOA,eAAe,KAAK,QAAQ,GAAGA,eAAe,GAAGG;MAC5D,CAAE;MAAAN,QAAA,EAEDA;IAAQ,CACN,CAAC;EAEV;EAEA,oBACEJ,IAAA,CAACF,IAAI;IACHI,GAAG,EAAEA,GAAmC;IACxC,eAAaC,KAAM;IACnBE,KAAK,EAAE,CAAC;MAAEM,aAAa,EAAER,KAAK,GAAG,MAAM,GAAG;IAAW,CAAC,EAAEE,KAAK,CAAE;IAC/DO,WAAW,EAAE,KAAM;IAAAR,QAAA,EAElBA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMK,aAAa,GAAG;EACpBI,OAAO,EAAE,MAAM;EACfC,YAAY,EAAE,YAAY;EAC1BC,UAAU,EAAE,SAAS;EACrBC,SAAS,EAAE,YAAY;EACvBC,SAAS,EAAE,MAAM;EACjBC,aAAa,EAAE,QAAQ;EACvBC,UAAU,EAAE,CAAC;EACbC,SAAS,EAAE,CAAC;EACZC,QAAQ,EAAE,CAAC;EACXC,QAAQ,EAAE;AACZ,CAAwC","ignoreList":[]}
+{"version":3,"names":["React","Platform","View","jsx","_jsx","Container","ref","inert","children","style","OS","backgroundColor","flex","rest","DEFAULT_STYLE","undefined","flexGrow","flexShrink","flexBasis","pointerEvents","collapsable","display","alignContent","alignItems","boxSizing","flexDirection","minHeight","minWidth","position"],"sourceRoot":"../../src","sources":["Container.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,IAAI,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc9D,OAAO,SAASC,SAASA,CAAC;EAAEC,GAAG;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAE;EAChE,IAAIR,QAAQ,CAACS,EAAE,KAAK,KAAK,EAAE;IACzB,MAAM;MAAEC,eAAe;MAAEC,IAAI;MAAE,GAAGC;IAAK,CAAC,GAAGJ,KAAK,IAAI,CAAC,CAAC;IAEtD,oBACEL,IAAA;MACEE,GAAG,EAAEA,GAA6C;MAClDC,KAAK,EAAEA,KAAM;MACb,eAAaA,KAAM;MACnBE,KAAK,EAAE;QACL,GAAGK,aAAa;QAChB;QACA;QACA;QACA,IAAIF,IAAI,KAAKG,SAAS,IAAIH,IAAI,GAAG,CAAC,GAC9B;UAAEI,QAAQ,EAAEJ,IAAI;UAAEK,UAAU,EAAE,CAAC;UAAEC,SAAS,EAAE;QAAE,CAAC,GAC/C;UAAEN;QAAK,CAAC,CAAC;QACb,GAAGC,IAAI;QACPF,eAAe;QACb;QACA,OAAOA,eAAe,KAAK,QAAQ,GAAGA,eAAe,GAAGI;MAC5D,CAAE;MAAAP,QAAA,EAEDA;IAAQ,CACN,CAAC;EAEV;EAEA,oBACEJ,IAAA,CAACF,IAAI;IACHI,GAAG,EAAEA,GAAmC;IACxC,eAAaC,KAAM;IACnBE,KAAK,EAAE,CAAC;MAAEU,aAAa,EAAEZ,KAAK,GAAG,MAAM,GAAG;IAAW,CAAC,EAAEE,KAAK,CAAE;IAC/DW,WAAW,EAAE,KAAM;IAAAZ,QAAA,EAElBA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMM,aAAa,GAAG;EACpBO,OAAO,EAAE,MAAM;EACfC,YAAY,EAAE,YAAY;EAC1BC,UAAU,EAAE,SAAS;EACrBC,SAAS,EAAE,YAAY;EACvBN,SAAS,EAAE,MAAM;EACjBO,aAAa,EAAE,QAAQ;EACvBR,UAAU,EAAE,CAAC;EACbS,SAAS,EAAE,CAAC;EACZC,QAAQ,EAAE,CAAC;EACXC,QAAQ,EAAE;AACZ,CAAwC","ignoreList":[]}

package/lib/module/SafeAreaProviderCompat.js

@@ -49,10 +49,8 @@ export function SafeAreaProviderCompat({
           children: children
         });
       }
-
-      // SafeAreaProvider doesn't forward ref
-      // So we only pass onLayout to it
       return /*#__PURE__*/_jsx(SafeAreaProvider, {
+        ref: ref,
         initialMetrics: initialMetrics,
         style: style,
         onLayout: onLayout,

package/lib/module/SafeAreaProviderCompat.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dimensions","Platform","StyleSheet","View","initialWindowMetrics","SafeAreaInsetsContext","SafeAreaProvider","FrameSizeProvider","jsx","_jsx","width","height","get","initialMetrics","OS","frame","x","y","insets","top","left","right","bottom","SafeAreaProviderCompat","children","style","use","initialFrame","render","ref","onLayout","styles","container","create","flex"],"sourceRoot":"../../src","sources":["SafeAreaProviderCompat.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,UAAU,EACVC,QAAQ,EAERC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,SACEC,oBAAoB,EACpBC,qBAAqB,EACrBC,gBAAgB,QACX,gCAAgC;AAEvC,SAASC,iBAAiB,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOnD,MAAM;EAAEC,KAAK,GAAG,CAAC;EAAEC,MAAM,GAAG;AAAE,CAAC,GAAGX,UAAU,CAACY,GAAG,CAAC,QAAQ,CAAC;;AAE1D;AACA;AACA;AACA,MAAMC,cAAc,GAClBZ,QAAQ,CAACa,EAAE,KAAK,KAAK,IAAIV,oBAAoB,IAAI,IAAI,GACjD;EACEW,KAAK,EAAE;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE,CAAC;IAAEP,KAAK;IAAEC;EAAO,CAAC;EACpCO,MAAM,EAAE;IAAEC,GAAG,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE;AACjD,CAAC,GACDlB,oBAAoB;AAE1B,OAAO,SAASmB,sBAAsBA,CAAC;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAE;EACjE,MAAMP,MAAM,GAAGnB,KAAK,CAAC2B,GAAG,CAACrB,qBAAqB,CAAC;EAE/C,oBACEI,IAAA,CAACF,iBAAiB;IAChBoB,YAAY,EAAEd,cAAc,CAACE,KAAM;IACnCa,MAAM,EAAEA,CAAC;MAAEC,GAAG;MAAEC;IAAS,CAAC,KAAK;MAC7B,IAAIZ,MAAM,EAAE;QACV;QACA;QACA;QACA,oBACET,IAAA,CAACN,IAAI;UACH0B,GAAG,EAAEA,GAAI;UACTC,QAAQ,EAAEA,QAAS;UACnBL,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAEP,KAAK,CAAE;UAAAD,QAAA,EAEhCA;QAAQ,CACL,CAAC;MAEX;;MAEA;MACA;MACA,oBACEf,IAAA,CAACH,gBAAgB;QACfO,cAAc,EAAEA,cAAe;QAC/BY,KAAK,EAAEA,KAAM;QACbK,QAAQ,EAAEA,QAAS;QAAAN,QAAA,EAElBA;MAAQ,CACO,CAAC;IAEvB;EAAE,CACH,CAAC;AAEN;AAEAD,sBAAsB,CAACV,cAAc,GAAGA,cAAc;AAEtD,MAAMkB,MAAM,GAAG7B,UAAU,CAAC+B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Dimensions","Platform","StyleSheet","View","initialWindowMetrics","SafeAreaInsetsContext","SafeAreaProvider","FrameSizeProvider","jsx","_jsx","width","height","get","initialMetrics","OS","frame","x","y","insets","top","left","right","bottom","SafeAreaProviderCompat","children","style","use","initialFrame","render","ref","onLayout","styles","container","create","flex"],"sourceRoot":"../../src","sources":["SafeAreaProviderCompat.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,UAAU,EACVC,QAAQ,EAERC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,SACEC,oBAAoB,EACpBC,qBAAqB,EACrBC,gBAAgB,QACX,gCAAgC;AAEvC,SAASC,iBAAiB,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOnD,MAAM;EAAEC,KAAK,GAAG,CAAC;EAAEC,MAAM,GAAG;AAAE,CAAC,GAAGX,UAAU,CAACY,GAAG,CAAC,QAAQ,CAAC;;AAE1D;AACA;AACA;AACA,MAAMC,cAAc,GAClBZ,QAAQ,CAACa,EAAE,KAAK,KAAK,IAAIV,oBAAoB,IAAI,IAAI,GACjD;EACEW,KAAK,EAAE;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE,CAAC;IAAEP,KAAK;IAAEC;EAAO,CAAC;EACpCO,MAAM,EAAE;IAAEC,GAAG,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE;AACjD,CAAC,GACDlB,oBAAoB;AAE1B,OAAO,SAASmB,sBAAsBA,CAAC;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAE;EACjE,MAAMP,MAAM,GAAGnB,KAAK,CAAC2B,GAAG,CAACrB,qBAAqB,CAAC;EAE/C,oBACEI,IAAA,CAACF,iBAAiB;IAChBoB,YAAY,EAAEd,cAAc,CAACE,KAAM;IACnCa,MAAM,EAAEA,CAAC;MAAEC,GAAG;MAAEC;IAAS,CAAC,KAAK;MAC7B,IAAIZ,MAAM,EAAE;QACV;QACA;QACA;QACA,oBACET,IAAA,CAACN,IAAI;UACH0B,GAAG,EAAEA,GAAI;UACTC,QAAQ,EAAEA,QAAS;UACnBL,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAEP,KAAK,CAAE;UAAAD,QAAA,EAEhCA;QAAQ,CACL,CAAC;MAEX;MAEA,oBACEf,IAAA,CAACH,gBAAgB;QACfuB,GAAG,EAAEA,GAAI;QACThB,cAAc,EAAEA,cAAe;QAC/BY,KAAK,EAAEA,KAAM;QACbK,QAAQ,EAAEA,QAAS;QAAAN,QAAA,EAElBA;MAAQ,CACO,CAAC;IAEvB;EAAE,CACH,CAAC;AAEN;AAEAD,sBAAsB,CAACV,cAAc,GAAGA,cAAc;AAEtD,MAAMkB,MAAM,GAAG7B,UAAU,CAAC+B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Screen.js

@@ -2,7 +2,7 @@
 
 import { NavigationProvider, useTheme } from '@react-navigation/native';
 import * as React from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Container } from "./Container.js";
 import { getDefaultHeaderHeight } from "./Header/getDefaultHeaderHeight.js";
@@ -27,13 +27,35 @@ export function Screen(props) {
     navigation,
     route,
     children,
-    style
+    style,
+    contentStyle,
+    pageOverflowEnabled = false
   } = props;
   const defaultHeaderHeight = useFrameSize(size => getDefaultHeaderHeight({
     landscape: size.width > size.height,
     modalPresentation: modal,
     topInset: headerStatusBarHeight
   }));
+
+  // If the container fills the body, we consider it to be a "page" that can overflow the screen
+  // So we adjust the style accordingly to let the content take more space if needed
+  // This lets the document.body handle scrolling of the content
+  // This is necessary for mobile browsers to be able to hide the address bar on scroll
+  const [fill, setFill] = React.useState(false);
+  const onRef = React.useCallback(node => {
+    if (Platform.OS !== 'web' || !pageOverflowEnabled || !(node instanceof HTMLElement)) {
+      return;
+    }
+    const updateFill = () => {
+      setFill(node.clientWidth === document.body.clientWidth && node.clientHeight === document.body.clientHeight);
+    };
+    updateFill();
+    const observer = new ResizeObserver(updateFill);
+    observer.observe(node);
+    observer.observe(document.body);
+    return () => observer.disconnect();
+  }, [pageOverflowEnabled]);
+  const page = pageOverflowEnabled && focused && fill;
   const headerRef = React.useRef(null);
   const [headerHeight, setHeaderHeight] = React.useState(defaultHeaderHeight);
   React.useLayoutEffect(() => {
@@ -42,6 +64,7 @@ export function Screen(props) {
     });
   }, [route.name]);
   return /*#__PURE__*/_jsxs(Container, {
+    ref: onRef,
     inert: !focused,
     style: {
       ...styles.container,
@@ -77,7 +100,7 @@ export function Screen(props) {
         })
       })
     }) : null, /*#__PURE__*/_jsx(View, {
-      style: styles.content,
+      style: [page ? styles.page : styles.content, contentStyle],
       children: /*#__PURE__*/_jsx(HeaderShownContext.Provider, {
         value: isParentHeaderShown || headerShown !== false,
         children: /*#__PURE__*/_jsx(HeaderHeightContext.Provider, {
@@ -95,6 +118,9 @@ const styles = StyleSheet.create({
   content: {
     flex: 1
   },
+  page: {
+    flexGrow: 1
+  },
   header: {
     zIndex: 1,
     pointerEvents: 'box-none'

package/lib/module/Screen.js.map

@@ -1 +1 @@
-{"version":3,"names":["NavigationProvider","useTheme","React","StyleSheet","View","useSafeAreaInsets","Container","getDefaultHeaderHeight","HeaderHeightContext","HeaderShownContext","useFrameSize","jsx","_jsx","jsxs","_jsxs","Screen","props","insets","colors","isParentHeaderShown","use","parentHeaderHeight","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","defaultHeaderHeight","size","landscape","width","height","modalPresentation","topInset","headerRef","useRef","headerHeight","setHeaderHeight","useState","useLayoutEffect","current","measure","_x","_y","_width","name","inert","styles","container","backgroundColor","background","absolute","minHeight","ref","onLayout","e","nativeEvent","layout","pointerEvents","content","Provider","value","create","flex","zIndex","position","start","end"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["NavigationProvider","useTheme","React","Platform","StyleSheet","View","useSafeAreaInsets","Container","getDefaultHeaderHeight","HeaderHeightContext","HeaderShownContext","useFrameSize","jsx","_jsx","jsxs","_jsxs","Screen","props","insets","colors","isParentHeaderShown","use","parentHeaderHeight","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","contentStyle","pageOverflowEnabled","defaultHeaderHeight","size","landscape","width","height","modalPresentation","topInset","fill","setFill","useState","onRef","useCallback","node","OS","HTMLElement","updateFill","clientWidth","document","body","clientHeight","observer","ResizeObserver","observe","disconnect","page","headerRef","useRef","headerHeight","setHeaderHeight","useLayoutEffect","current","measure","_x","_y","_width","name","ref","inert","styles","container","backgroundColor","background","absolute","minHeight","onLayout","e","nativeEvent","layout","pointerEvents","content","Provider","value","create","flex","flexGrow","zIndex","position","start","end"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/useFrameSize.js

@@ -12,7 +12,53 @@ export function useFrameSize(selector, throttle) {
   if (context == null) {
     throw new Error('useFrameSize must be used within a FrameSizeProvider');
   }
-  const value = useSyncExternalStoreWithSelector(throttle ? context.subscribeThrottled : context.subscribe, context.getCurrent, context.getCurrent, selector);
+  const subscribe = throttle ? context.subscribeThrottled : context.subscribe;
+  const value = useSyncExternalStoreWithSelector(subscribe, context.getCurrent, context.getCurrent, selector);
+
+  // Record the frame at render time to compare in the layout effect.
+  const frame = context.getCurrent();
+  const [, forceUpdate] = React.useReducer(value => value + 1, 0);
+  const subscriptionRef = React.useRef(null);
+  const subscribedBeforeRef = React.useRef(false);
+  React.useLayoutEffect(() => {
+    // We have empty dependency array, but `Suspense` can replay the layout effect,
+    // So we need to explicitly check if we've subscribed before.
+    // Subsequent updates are handled by `useSyncExternalStoreWithSelector`.
+    // So we don't need to subscribe again.
+    if (subscribedBeforeRef.current) {
+      return;
+    }
+    const check = () => {
+      const nextFrame = context.getCurrent();
+      if (nextFrame !== frame && !Object.is(selector(nextFrame), value)) {
+        forceUpdate();
+      }
+    };
+
+    // The sync external store subscription starts in a passive effect.
+    // So if layout was measured, we may not get it here before paint.
+    // We use a layout effect to check if it has changed since the last render,
+    // and force an update so it reflects the latest frame before the next paint.
+    const unsubscribe = subscribe(check);
+    subscriptionRef.current = unsubscribe;
+    check();
+    return unsubscribe;
+
+    // We only need to check for changes on initial render.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useEffect(() => {
+    // We don't need to keep the subscription after passive effects run.
+    // At this point, `useSyncExternalStoreWithSelector` has already subscribed.
+    subscriptionRef.current?.();
+    subscriptionRef.current = null;
+    subscribedBeforeRef.current = true;
+    return () => {
+      // The layout effect should recheck when `Activity` becomes visible.
+      // So we clean this up when `Activity` becomes hidden.
+      subscribedBeforeRef.current = false;
+    };
+  }, []);
   return value;
 }
 export function FrameSizeProvider({
@@ -81,7 +127,7 @@ export function FrameSizeProvider({
     listeners.forEach(listener => listener());
   });
   const viewRef = React.useRef(null);
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     if (Platform.OS === 'web') {
       // We use ResizeObserver on web
       return;
@@ -120,7 +166,7 @@ function FrameSizeListenerWeb({
   onChange
 }) {
   const elementRef = React.useRef(null);
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     if (elementRef.current == null) {
       return;
     }

package/lib/module/useFrameSize.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","useLatestCallback","useSyncExternalStoreWithSelector","getNamedContext","jsx","_jsx","jsxs","_jsxs","FrameContext","undefined","useFrameSize","selector","throttle","context","use","Error","value","subscribeThrottled","subscribe","getCurrent","FrameSizeProvider","initialFrame","render","frameRef","useRef","width","height","listeners","Set","current","listener","add","delete","delay","timer","updated","waiting","throttledListener","clearTimeout","setTimeout","unsubscribe","useMemo","onChange","frame","forEach","viewRef","useEffect","OS","measure","_x","_y","onLayout","event","nativeEvent","layout","Provider","children","FrameSizeListenerWeb","ref","elementRef","getBoundingClientRect","rect","observer","ResizeObserver","entries","entry","contentRect","observe","disconnect","style","position","left","right","top","bottom","pointerEvents","visibility"],"sourceRoot":"../../src","sources":["useFrameSize.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","useLatestCallback","useSyncExternalStoreWithSelector","getNamedContext","jsx","_jsx","jsxs","_jsxs","FrameContext","undefined","useFrameSize","selector","throttle","context","use","Error","subscribe","subscribeThrottled","value","getCurrent","frame","forceUpdate","useReducer","subscriptionRef","useRef","subscribedBeforeRef","useLayoutEffect","current","check","nextFrame","Object","is","unsubscribe","useEffect","FrameSizeProvider","initialFrame","render","frameRef","width","height","listeners","Set","listener","add","delete","delay","timer","updated","waiting","throttledListener","clearTimeout","setTimeout","useMemo","onChange","forEach","viewRef","OS","measure","_x","_y","onLayout","event","nativeEvent","layout","Provider","children","FrameSizeListenerWeb","ref","elementRef","getBoundingClientRect","rect","observer","ResizeObserver","entries","entry","contentRect","observe","disconnect","style","position","left","right","top","bottom","pointerEvents","visibility"],"sourceRoot":"../../src","sources":["useFrameSize.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityView.d.ts","sourceRoot":"","sources":["../../../src/ActivityView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9D,MAAM,MAAM,KAAK,GAAG;IAClB;;;;;OAKG;IACH,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,SAAS,EAAE,SAAS,CAAC,GAAG,SAAS,CAAC;IACrE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,KAAW,EACX,KAAK,EACL,QAAQ,GACT,EAAE,KAAK,+BAwFP"}
+{"version":3,"file":"ActivityView.d.ts","sourceRoot":"","sources":["../../../src/ActivityView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9D,MAAM,MAAM,KAAK,GAAG;IAClB;;;;;OAKG;IACH,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,SAAS,EAAE,SAAS,CAAC,GAAG,SAAS,CAAC;IACrE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,KAAW,EACX,KAAK,EACL,QAAQ,GACT,EAAE,KAAK,+BAsFP"}

package/lib/typescript/src/ActivityView.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityView.native.d.ts","sourceRoot":"","sources":["../../../src/ActivityView.native.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAoB,CAAC;AAGhD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,KAAW,EACX,KAAK,EACL,QAAQ,GACT,EAAE,KAAK,+BAyCP"}
+{"version":3,"file":"ActivityView.native.d.ts","sourceRoot":"","sources":["../../../src/ActivityView.native.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAoB,CAAC;AAGhD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,KAAW,EACX,KAAK,EACL,QAAQ,GACT,EAAE,KAAK,+BAuCP"}

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

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;IAC9E,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,KAAK,CAAC,EACF,CAAC,SAAS,GACR,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,iBAAiB,CAAC,GAAG;QAC7C,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;KAC5D,CAAC,GACJ,SAAS,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,qBAgC/D"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;IAC9E,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,KAAK,CAAC,EACF,CAAC,SAAS,GACR,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,iBAAiB,CAAC,GAAG;QAC7C,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;KAC5D,CAAC,GACJ,SAAS,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,qBAsC/D"}

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

@@ -1 +1 @@
-{"version":3,"file":"SafeAreaProviderCompat.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaProviderCompat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAeF,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,qBAoChE;yBApCe,sBAAsB"}
+{"version":3,"file":"SafeAreaProviderCompat.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaProviderCompat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAeF,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,qBAmChE;yBAnCe,sBAAsB"}

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

@@ -1,5 +1,6 @@
 import { type NavigationProp, type ParamListBase, type RouteProp } from '@react-navigation/native';
 import * as React from 'react';
+import { type ViewProps } from 'react-native';
 import { type Props as ContainerProps } from './Container.js';
 type Props = {
     focused: boolean;
@@ -10,6 +11,8 @@ type Props = {
     headerShown?: boolean | undefined;
     headerStatusBarHeight?: number | undefined;
     headerTransparent?: boolean | undefined;
+    pageOverflowEnabled?: boolean | undefined;
+    contentStyle?: ViewProps['style'] | undefined;
     style?: ContainerProps['style'] | undefined;
     children: React.ReactNode;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,aAAa,EAClB,KAAK,SAAS,EAEf,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,KAAK,KAAK,IAAI,cAAc,EAAE,MAAM,gBAAa,CAAC;AAMtE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,qBA4FlC"}
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,aAAa,EAClB,KAAK,SAAS,EAEf,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAa,KAAK,KAAK,IAAI,cAAc,EAAE,MAAM,gBAAa,CAAC;AAMtE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,qBAoIlC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFrameSize.d.ts","sourceRoot":"","sources":["../../../src/useFrameSize.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,iBAAiB,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAMtE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAiBF,wBAAgB,YAAY,CAAC,CAAC,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,EAC7B,QAAQ,CAAC,EAAE,OAAO,GACjB,CAAC,CAeH;AAED,KAAK,sBAAsB,GAAG;IAC5B,YAAY,EAAE,KAAK,CAAC;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE;QACd,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;QAC7D,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;KAC9C,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,MAAM,GACP,EAAE,sBAAsB,qBA4GxB"}
+{"version":3,"file":"useFrameSize.d.ts","sourceRoot":"","sources":["../../../src/useFrameSize.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,iBAAiB,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAMtE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAiBF,wBAAgB,YAAY,CAAC,CAAC,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,EAC7B,QAAQ,CAAC,EAAE,OAAO,GACjB,CAAC,CAwEH;AAED,KAAK,sBAAsB,GAAG;IAC5B,YAAY,EAAE,KAAK,CAAC;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE;QACd,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;QAC7D,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;KAC9C,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,MAAM,GACP,EAAE,sBAAsB,qBA4GxB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/elements",
   "description": "UI Components for React Navigation",
-  "version": "3.0.0-alpha.50",
+  "version": "3.0.0-alpha.52",
   "keywords": [
     "react-native",
     "react-navigation",
@@ -54,7 +54,7 @@
   "devDependencies": {
     "@callstack/liquid-glass": "^0.8.0",
     "@jest/globals": "^30.4.1",
-    "@react-navigation/native": "^8.0.0-alpha.46",
+    "@react-navigation/native": "^8.0.0-alpha.48",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
     "@testing-library/react-native": "^14.0.0",
@@ -65,7 +65,7 @@
     "react": "19.2.3",
     "react-native": "0.85.3",
     "react-native-builder-bob": "^0.43.0",
-    "react-native-safe-area-context": "~5.7.0",
+    "react-native-safe-area-context": "~5.10.0",
     "react-native-screens": "^4.26.2",
     "react-native-web": "~0.21.2",
     "test-renderer": "1.2.0",
@@ -73,7 +73,7 @@
   },
   "peerDependencies": {
     "@callstack/liquid-glass": ">= 0.6.0",
-    "@react-navigation/native": "^8.0.0-alpha.46",
+    "@react-navigation/native": "^8.0.0-alpha.48",
     "react": ">= 19.2.0",
     "react-native": "*",
     "react-native-safe-area-context": ">= 5.5.0",
@@ -97,5 +97,5 @@
       ]
     ]
   },
-  "gitHead": "ac6baf188f7a456429a87b644053e765233f0151"
+  "gitHead": "904ba65a2938924d87658b7009a95698f93c7731"
 }

package/src/ActivityView.native.tsx

@@ -16,7 +16,7 @@ export function ActivityView({
   style,
   children,
 }: Props) {
-  const [delayedMode, setDelayedMode] = useState(mode);
+  const [delayedPaused, setDelayedPaused] = useState(mode === 'paused');
 
   useEffect(() => {
     if (!delay) {
@@ -24,7 +24,7 @@ export function ActivityView({
     }
 
     const timer = setTimeout(() => {
-      setDelayedMode(mode);
+      setDelayedPaused(mode === 'paused');
     }, delay);
 
     return () => clearTimeout(timer);
@@ -32,9 +32,7 @@ export function ActivityView({
 
   const display = visible ? 'flex' : 'none';
   const activityMode =
-    mode !== 'paused' || (delay && delayedMode !== 'paused')
-      ? 'visible'
-      : 'hidden';
+    mode !== 'paused' || (delay && !delayedPaused) ? 'visible' : 'hidden';
 
   return (
     <Activity mode={activityMode}>

package/src/ActivityView.tsx

@@ -39,7 +39,7 @@ export function ActivityView({
   style,
   children,
 }: Props) {
-  const [delayedMode, setDelayedMode] = useState(mode);
+  const [delayedPaused, setDelayedPaused] = useState(mode === 'paused');
 
   useEffect(() => {
     if (!delay) {
@@ -47,7 +47,7 @@ export function ActivityView({
     }
 
     const timer = setTimeout(() => {
-      setDelayedMode(mode);
+      setDelayedPaused(mode === 'paused');
     }, delay);
 
     return () => clearTimeout(timer);
@@ -55,9 +55,7 @@ export function ActivityView({
 
   const display = visible ? 'flex' : 'none';
   const activityMode =
-    mode !== 'paused' || (delay && delayedMode !== 'paused')
-      ? 'visible'
-      : 'hidden';
+    mode !== 'paused' || (delay && !delayedPaused) ? 'visible' : 'hidden';
 
   /**
    * Activity has 2 modes, visible and hidden - hidden unmounts effects

package/src/Container.tsx

@@ -15,7 +15,7 @@ export type Props = {
 
 export function Container({ ref, inert, children, style }: Props) {
   if (Platform.OS === 'web') {
-    const { backgroundColor, ...rest } = style ?? {};
+    const { backgroundColor, flex, ...rest } = style ?? {};
 
     return (
       <div
@@ -24,6 +24,12 @@ export function Container({ ref, inert, children, style }: Props) {
         aria-hidden={inert}
         style={{
           ...DEFAULT_STYLE,
+          // FIXME: A numeric flex shorthand uses a percentage basis in browsers.
+          // With nested containers, it slows down layout in Safari on iOS 27.
+          // So we explicitly set it to `0` without percentage, which renders 0px.
+          ...(flex !== undefined && flex > 0
+            ? { flexGrow: flex, flexShrink: 1, flexBasis: 0 }
+            : { flex }),
           ...rest,
           backgroundColor:
             // In practice we only get string on web instead of OpaqueValue

package/src/SafeAreaProviderCompat.tsx

@@ -55,10 +55,9 @@ export function SafeAreaProviderCompat({ children, style }: Props) {
           );
         }
 
-        // SafeAreaProvider doesn't forward ref
-        // So we only pass onLayout to it
         return (
           <SafeAreaProvider
+            ref={ref}
             initialMetrics={initialMetrics}
             style={style}
             onLayout={onLayout}

package/src/Screen.tsx

@@ -6,7 +6,7 @@ import {
   useTheme,
 } from '@react-navigation/native';
 import * as React from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View, type ViewProps } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import { Container, type Props as ContainerProps } from './Container';
@@ -24,6 +24,8 @@ type Props = {
   headerShown?: boolean | undefined;
   headerStatusBarHeight?: number | undefined;
   headerTransparent?: boolean | undefined;
+  pageOverflowEnabled?: boolean | undefined;
+  contentStyle?: ViewProps['style'] | undefined;
   style?: ContainerProps['style'] | undefined;
   children: React.ReactNode;
 };
@@ -46,6 +48,8 @@ export function Screen(props: Props) {
     route,
     children,
     style,
+    contentStyle,
+    pageOverflowEnabled = false,
   } = props;
 
   const defaultHeaderHeight = useFrameSize((size) =>
@@ -56,6 +60,43 @@ export function Screen(props: Props) {
     })
   );
 
+  // If the container fills the body, we consider it to be a "page" that can overflow the screen
+  // So we adjust the style accordingly to let the content take more space if needed
+  // This lets the document.body handle scrolling of the content
+  // This is necessary for mobile browsers to be able to hide the address bar on scroll
+  const [fill, setFill] = React.useState(false);
+
+  const onRef = React.useCallback(
+    (node: HTMLDivElement | React.ComponentRef<typeof View> | null) => {
+      if (
+        Platform.OS !== 'web' ||
+        !pageOverflowEnabled ||
+        !(node instanceof HTMLElement)
+      ) {
+        return;
+      }
+
+      const updateFill = () => {
+        setFill(
+          node.clientWidth === document.body.clientWidth &&
+            node.clientHeight === document.body.clientHeight
+        );
+      };
+
+      updateFill();
+
+      const observer = new ResizeObserver(updateFill);
+
+      observer.observe(node);
+      observer.observe(document.body);
+
+      return () => observer.disconnect();
+    },
+    [pageOverflowEnabled]
+  );
+
+  const page = pageOverflowEnabled && focused && fill;
+
   const headerRef = React.useRef<React.ComponentRef<typeof View>>(null);
 
   const [headerHeight, setHeaderHeight] = React.useState(defaultHeaderHeight);
@@ -68,6 +109,7 @@ export function Screen(props: Props) {
 
   return (
     <Container
+      ref={onRef}
       inert={!focused}
       style={{
         ...styles.container,
@@ -107,7 +149,7 @@ export function Screen(props: Props) {
           </View>
         </NavigationProvider>
       ) : null}
-      <View style={styles.content}>
+      <View style={[page ? styles.page : styles.content, contentStyle]}>
         <HeaderShownContext.Provider
           value={isParentHeaderShown || headerShown !== false}
         >
@@ -129,6 +171,9 @@ const styles = StyleSheet.create({
   content: {
     flex: 1,
   },
+  page: {
+    flexGrow: 1,
+  },
   header: {
     zIndex: 1,
     pointerEvents: 'box-none',

package/src/useFrameSize.tsx

@@ -35,13 +35,70 @@ export function useFrameSize<T>(
     throw new Error('useFrameSize must be used within a FrameSizeProvider');
   }
 
+  const subscribe = throttle ? context.subscribeThrottled : context.subscribe;
+
   const value = useSyncExternalStoreWithSelector(
-    throttle ? context.subscribeThrottled : context.subscribe,
+    subscribe,
     context.getCurrent,
     context.getCurrent,
     selector
   );
 
+  // Record the frame at render time to compare in the layout effect.
+  const frame = context.getCurrent();
+
+  const [, forceUpdate] = React.useReducer((value: number) => value + 1, 0);
+
+  const subscriptionRef = React.useRef<RemoveListener | null>(null);
+  const subscribedBeforeRef = React.useRef(false);
+
+  React.useLayoutEffect(() => {
+    // We have empty dependency array, but `Suspense` can replay the layout effect,
+    // So we need to explicitly check if we've subscribed before.
+    // Subsequent updates are handled by `useSyncExternalStoreWithSelector`.
+    // So we don't need to subscribe again.
+    if (subscribedBeforeRef.current) {
+      return;
+    }
+
+    const check = () => {
+      const nextFrame = context.getCurrent();
+
+      if (nextFrame !== frame && !Object.is(selector(nextFrame), value)) {
+        forceUpdate();
+      }
+    };
+
+    // The sync external store subscription starts in a passive effect.
+    // So if layout was measured, we may not get it here before paint.
+    // We use a layout effect to check if it has changed since the last render,
+    // and force an update so it reflects the latest frame before the next paint.
+    const unsubscribe = subscribe(check);
+
+    subscriptionRef.current = unsubscribe;
+
+    check();
+
+    return unsubscribe;
+
+    // We only need to check for changes on initial render.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  React.useEffect(() => {
+    // We don't need to keep the subscription after passive effects run.
+    // At this point, `useSyncExternalStoreWithSelector` has already subscribed.
+    subscriptionRef.current?.();
+    subscriptionRef.current = null;
+    subscribedBeforeRef.current = true;
+
+    return () => {
+      // The layout effect should recheck when `Activity` becomes visible.
+      // So we clean this up when `Activity` becomes hidden.
+      subscribedBeforeRef.current = false;
+    };
+  }, []);
+
   return value;
 }
 
@@ -139,7 +196,7 @@ export function FrameSizeProvider({
 
   const viewRef = React.useRef<React.ComponentRef<typeof View>>(null);
 
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     if (Platform.OS === 'web') {
       // We use ResizeObserver on web
       return;
@@ -175,7 +232,7 @@ function FrameSizeListenerWeb({
 }) {
   const elementRef = React.useRef<HTMLDivElement>(null);
 
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     if (elementRef.current == null) {
       return;
     }