@react-navigation/stack 7.1.0 → 7.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/views/Stack/CardSheet.js +12 -3
- package/lib/commonjs/views/Stack/CardSheet.js.map +1 -1
- package/lib/module/views/Stack/CardSheet.js +12 -3
- package/lib/module/views/Stack/CardSheet.js.map +1 -1
- package/lib/typescript/commonjs/src/views/Stack/CardSheet.d.ts.map +1 -1
- package/lib/typescript/module/src/views/Stack/CardSheet.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/views/Stack/CardSheet.tsx +22 -6
|
@@ -44,14 +44,22 @@ const CardSheet = exports.CardSheet = /*#__PURE__*/React.forwardRef(function Car
|
|
|
44
44
|
// See https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
|
|
45
45
|
const isFullHeight = height === layout.height;
|
|
46
46
|
const id = '__react-navigation-stack-mobile-chrome-viewport-fix';
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
let unsubscribe;
|
|
48
|
+
if (isFullHeight && navigator.maxTouchPoints > 0) {
|
|
49
49
|
const style = document.getElementById(id) ?? document.createElement('style');
|
|
50
50
|
style.id = id;
|
|
51
|
-
|
|
51
|
+
const updateStyle = () => {
|
|
52
|
+
const vh = window.innerHeight * 0.01;
|
|
53
|
+
style.textContent = [`:root { --vh: ${vh}px; }`, `body { height: calc(var(--vh, 1vh) * 100); }`].join('\n');
|
|
54
|
+
};
|
|
55
|
+
updateStyle();
|
|
52
56
|
if (!document.head.contains(style)) {
|
|
53
57
|
document.head.appendChild(style);
|
|
54
58
|
}
|
|
59
|
+
window.addEventListener('resize', updateStyle);
|
|
60
|
+
unsubscribe = () => {
|
|
61
|
+
window.removeEventListener('resize', updateStyle);
|
|
62
|
+
};
|
|
55
63
|
} else {
|
|
56
64
|
// Remove the workaround if the stack does not occupy the whole
|
|
57
65
|
// height of the page
|
|
@@ -60,6 +68,7 @@ const CardSheet = exports.CardSheet = /*#__PURE__*/React.forwardRef(function Car
|
|
|
60
68
|
|
|
61
69
|
// eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
|
|
62
70
|
setFill(width === layout.width && height === layout.height);
|
|
71
|
+
return unsubscribe;
|
|
63
72
|
}, [layout.height, layout.width]);
|
|
64
73
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
65
74
|
...rest,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CardSheet","exports","forwardRef","enabled","layout","style","rest","ref","fill","setFill","useState","pointerEvents","setPointerEvents","useImperativeHandle","useEffect","document","body","width","clientWidth","height","clientHeight","isFullHeight","id","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CardSheet","exports","forwardRef","enabled","layout","style","rest","ref","fill","setFill","useState","pointerEvents","setPointerEvents","useImperativeHandle","useEffect","document","body","width","clientWidth","height","clientHeight","isFullHeight","id","unsubscribe","navigator","maxTouchPoints","getElementById","createElement","updateStyle","vh","window","innerHeight","textContent","join","head","contains","appendChild","addEventListener","removeEventListener","remove","jsx","View","styles","page","card","StyleSheet","create","minHeight","flex","overflow"],"sourceRoot":"../../../../src","sources":["views/Stack/CardSheet.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -38,14 +38,22 @@ export const CardSheet = /*#__PURE__*/React.forwardRef(function CardSheet({
|
|
|
38
38
|
// See https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
|
|
39
39
|
const isFullHeight = height === layout.height;
|
|
40
40
|
const id = '__react-navigation-stack-mobile-chrome-viewport-fix';
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
let unsubscribe;
|
|
42
|
+
if (isFullHeight && navigator.maxTouchPoints > 0) {
|
|
43
43
|
const style = document.getElementById(id) ?? document.createElement('style');
|
|
44
44
|
style.id = id;
|
|
45
|
-
|
|
45
|
+
const updateStyle = () => {
|
|
46
|
+
const vh = window.innerHeight * 0.01;
|
|
47
|
+
style.textContent = [`:root { --vh: ${vh}px; }`, `body { height: calc(var(--vh, 1vh) * 100); }`].join('\n');
|
|
48
|
+
};
|
|
49
|
+
updateStyle();
|
|
46
50
|
if (!document.head.contains(style)) {
|
|
47
51
|
document.head.appendChild(style);
|
|
48
52
|
}
|
|
53
|
+
window.addEventListener('resize', updateStyle);
|
|
54
|
+
unsubscribe = () => {
|
|
55
|
+
window.removeEventListener('resize', updateStyle);
|
|
56
|
+
};
|
|
49
57
|
} else {
|
|
50
58
|
// Remove the workaround if the stack does not occupy the whole
|
|
51
59
|
// height of the page
|
|
@@ -54,6 +62,7 @@ export const CardSheet = /*#__PURE__*/React.forwardRef(function CardSheet({
|
|
|
54
62
|
|
|
55
63
|
// eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
|
|
56
64
|
setFill(width === layout.width && height === layout.height);
|
|
65
|
+
return unsubscribe;
|
|
57
66
|
}, [layout.height, layout.width]);
|
|
58
67
|
return /*#__PURE__*/_jsx(View, {
|
|
59
68
|
...rest,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","jsx","_jsx","CardSheet","forwardRef","enabled","layout","style","rest","ref","fill","setFill","useState","pointerEvents","setPointerEvents","useImperativeHandle","useEffect","document","body","width","clientWidth","height","clientHeight","isFullHeight","id","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","jsx","_jsx","CardSheet","forwardRef","enabled","layout","style","rest","ref","fill","setFill","useState","pointerEvents","setPointerEvents","useImperativeHandle","useEffect","document","body","width","clientWidth","height","clientHeight","isFullHeight","id","unsubscribe","navigator","maxTouchPoints","getElementById","createElement","updateStyle","vh","window","innerHeight","textContent","join","head","contains","appendChild","addEventListener","removeEventListener","remove","styles","page","card","create","minHeight","flex","overflow"],"sourceRoot":"../../../../src","sources":["views/Stack/CardSheet.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYhE;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGL,KAAK,CAACM,UAAU,CACvC,SAASD,SAASA,CAAC;EAAEE,OAAO;EAAEC,MAAM;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,EAAE;EAC3D,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAAC,KAAK,CAAC;EAC7C;EACA;EACA,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GACrChB,KAAK,CAACc,QAAQ,CAA6B,MAAM,CAAC;EAEpDd,KAAK,CAACiB,mBAAmB,CAACN,GAAG,EAAE,MAAM;IACnC,OAAO;MAAEK;IAAiB,CAAC;EAC7B,CAAC,CAAC;EAEFhB,KAAK,CAACkB,SAAS,CAAC,MAAM;IACpB,IAAI,OAAOC,QAAQ,KAAK,WAAW,IAAI,CAACA,QAAQ,CAACC,IAAI,EAAE;MACrD;MACA;IACF;IAEA,MAAMC,KAAK,GAAGF,QAAQ,CAACC,IAAI,CAACE,WAAW;IACvC,MAAMC,MAAM,GAAGJ,QAAQ,CAACC,IAAI,CAACI,YAAY;;IAEzC;IACA;IACA;IACA;IACA;IACA;IACA,MAAMC,YAAY,GAAGF,MAAM,KAAKf,MAAM,CAACe,MAAM;IAC7C,MAAMG,EAAE,GAAG,qDAAqD;IAEhE,IAAIC,WAAqC;IAEzC,IAAIF,YAAY,IAAIG,SAAS,CAACC,cAAc,GAAG,CAAC,EAAE;MAChD,MAAMpB,KAAK,GACTU,QAAQ,CAACW,cAAc,CAACJ,EAAE,CAAC,IAAIP,QAAQ,CAACY,aAAa,CAAC,OAAO,CAAC;MAEhEtB,KAAK,CAACiB,EAAE,GAAGA,EAAE;MAEb,MAAMM,WAAW,GAAGA,CAAA,KAAM;QACxB,MAAMC,EAAE,GAAGC,MAAM,CAACC,WAAW,GAAG,IAAI;QAEpC1B,KAAK,CAAC2B,WAAW,GAAG,CAClB,iBAAiBH,EAAE,OAAO,EAC1B,8CAA8C,CAC/C,CAACI,IAAI,CAAC,IAAI,CAAC;MACd,CAAC;MAEDL,WAAW,CAAC,CAAC;MAEb,IAAI,CAACb,QAAQ,CAACmB,IAAI,CAACC,QAAQ,CAAC9B,KAAK,CAAC,EAAE;QAClCU,QAAQ,CAACmB,IAAI,CAACE,WAAW,CAAC/B,KAAK,CAAC;MAClC;MAEAyB,MAAM,CAACO,gBAAgB,CAAC,QAAQ,EAAET,WAAW,CAAC;MAE9CL,WAAW,GAAGA,CAAA,KAAM;QAClBO,MAAM,CAACQ,mBAAmB,CAAC,QAAQ,EAAEV,WAAW,CAAC;MACnD,CAAC;IACH,CAAC,MAAM;MACL;MACA;MACAb,QAAQ,CAACW,cAAc,CAACJ,EAAE,CAAC,EAAEiB,MAAM,CAAC,CAAC;IACvC;;IAEA;IACA9B,OAAO,CAACQ,KAAK,KAAKb,MAAM,CAACa,KAAK,IAAIE,MAAM,KAAKf,MAAM,CAACe,MAAM,CAAC;IAE3D,OAAOI,WAAW;EACpB,CAAC,EAAE,CAACnB,MAAM,CAACe,MAAM,EAAEf,MAAM,CAACa,KAAK,CAAC,CAAC;EAEjC,oBACEjB,IAAA,CAACF,IAAI;IAAA,GACCQ,IAAI;IACRK,aAAa,EAAEA,aAAc;IAC7BN,KAAK,EAAE,CAACF,OAAO,IAAIK,IAAI,GAAGgC,MAAM,CAACC,IAAI,GAAGD,MAAM,CAACE,IAAI,EAAErC,KAAK;EAAE,CAC7D,CAAC;AAEN,CACF,CAAC;AAED,MAAMmC,MAAM,GAAG3C,UAAU,CAAC8C,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,SAAS,EAAE;EACb,CAAC;EACDF,IAAI,EAAE;IACJG,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Stack/CardSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQhE,MAAM,MAAM,YAAY,GAAG;IACzB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;CAC9D,CAAC;AAMF,eAAO,MAAM,SAAS;aAbX,OAAO;YACR;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;cAC/B,KAAK,CAAC,SAAS;
|
|
1
|
+
{"version":3,"file":"CardSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Stack/CardSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQhE,MAAM,MAAM,YAAY,GAAG;IACzB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;CAC9D,CAAC;AAMF,eAAO,MAAM,SAAS;aAbX,OAAO;YACR;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;cAC/B,KAAK,CAAC,SAAS;sCAyF1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Stack/CardSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQhE,MAAM,MAAM,YAAY,GAAG;IACzB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;CAC9D,CAAC;AAMF,eAAO,MAAM,SAAS;aAbX,OAAO;YACR;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;cAC/B,KAAK,CAAC,SAAS;
|
|
1
|
+
{"version":3,"file":"CardSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Stack/CardSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQhE,MAAM,MAAM,YAAY,GAAG;IACzB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;CAC9D,CAAC;AAMF,eAAO,MAAM,SAAS;aAbX,OAAO;YACR;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;cAC/B,KAAK,CAAC,SAAS;sCAyF1B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-navigation/stack",
|
|
3
3
|
"description": "Stack navigator component for iOS and Android with animated transitions and gestures",
|
|
4
|
-
"version": "7.1.
|
|
4
|
+
"version": "7.1.2",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -51,12 +51,12 @@
|
|
|
51
51
|
"clean": "del lib"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@react-navigation/elements": "^2.2.
|
|
54
|
+
"@react-navigation/elements": "^2.2.6",
|
|
55
55
|
"color": "^4.2.3"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@jest/globals": "^29.7.0",
|
|
59
|
-
"@react-navigation/native": "^7.0.
|
|
59
|
+
"@react-navigation/native": "^7.0.15",
|
|
60
60
|
"@testing-library/react-native": "^12.8.1",
|
|
61
61
|
"@types/color": "^3.0.6",
|
|
62
62
|
"@types/react": "~18.3.12",
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"typescript": "^5.5.2"
|
|
71
71
|
},
|
|
72
72
|
"peerDependencies": {
|
|
73
|
-
"@react-navigation/native": "^7.0.
|
|
73
|
+
"@react-navigation/native": "^7.0.15",
|
|
74
74
|
"react": ">= 18.2.0",
|
|
75
75
|
"react-native": "*",
|
|
76
76
|
"react-native-gesture-handler": ">= 2.0.0",
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
]
|
|
103
103
|
]
|
|
104
104
|
},
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "2dc0ec3eaca7aa010d9934cabaa64562b265271a"
|
|
106
106
|
}
|
|
@@ -45,20 +45,34 @@ export const CardSheet = React.forwardRef<CardSheetRef, Props>(
|
|
|
45
45
|
const isFullHeight = height === layout.height;
|
|
46
46
|
const id = '__react-navigation-stack-mobile-chrome-viewport-fix';
|
|
47
47
|
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
let unsubscribe: (() => void) | undefined;
|
|
49
|
+
|
|
50
|
+
if (isFullHeight && navigator.maxTouchPoints > 0) {
|
|
50
51
|
const style =
|
|
51
52
|
document.getElementById(id) ?? document.createElement('style');
|
|
52
53
|
|
|
53
54
|
style.id = id;
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
|
|
56
|
+
const updateStyle = () => {
|
|
57
|
+
const vh = window.innerHeight * 0.01;
|
|
58
|
+
|
|
59
|
+
style.textContent = [
|
|
60
|
+
`:root { --vh: ${vh}px; }`,
|
|
61
|
+
`body { height: calc(var(--vh, 1vh) * 100); }`,
|
|
62
|
+
].join('\n');
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
updateStyle();
|
|
58
66
|
|
|
59
67
|
if (!document.head.contains(style)) {
|
|
60
68
|
document.head.appendChild(style);
|
|
61
69
|
}
|
|
70
|
+
|
|
71
|
+
window.addEventListener('resize', updateStyle);
|
|
72
|
+
|
|
73
|
+
unsubscribe = () => {
|
|
74
|
+
window.removeEventListener('resize', updateStyle);
|
|
75
|
+
};
|
|
62
76
|
} else {
|
|
63
77
|
// Remove the workaround if the stack does not occupy the whole
|
|
64
78
|
// height of the page
|
|
@@ -67,6 +81,8 @@ export const CardSheet = React.forwardRef<CardSheetRef, Props>(
|
|
|
67
81
|
|
|
68
82
|
// eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
|
|
69
83
|
setFill(width === layout.width && height === layout.height);
|
|
84
|
+
|
|
85
|
+
return unsubscribe;
|
|
70
86
|
}, [layout.height, layout.width]);
|
|
71
87
|
|
|
72
88
|
return (
|