@react-navigation/elements 3.0.0-alpha.21 → 3.0.0-alpha.23
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/module/Screen.js +18 -9
- package/lib/module/Screen.js.map +1 -1
- package/lib/typescript/src/Screen.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/Screen.tsx +21 -8
package/lib/module/Screen.js
CHANGED
|
@@ -57,15 +57,24 @@ export function Screen(props) {
|
|
|
57
57
|
navigation: navigation,
|
|
58
58
|
route: route,
|
|
59
59
|
children: /*#__PURE__*/_jsx(View, {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
60
|
+
style: [styles.header, headerTransparent ? [styles.absolute,
|
|
61
|
+
// Specify an explicit min height for Android screen readers
|
|
62
|
+
{
|
|
63
|
+
minHeight: headerHeight
|
|
64
|
+
}] : null],
|
|
65
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
66
|
+
ref: headerRef,
|
|
67
|
+
onLayout: e => {
|
|
68
|
+
const {
|
|
69
|
+
height
|
|
70
|
+
} = e.nativeEvent.layout;
|
|
71
|
+
setHeaderHeight(height);
|
|
72
|
+
},
|
|
73
|
+
style: {
|
|
74
|
+
pointerEvents: 'box-none'
|
|
75
|
+
},
|
|
76
|
+
children: header
|
|
77
|
+
})
|
|
69
78
|
})
|
|
70
79
|
}) : null, /*#__PURE__*/_jsx(View, {
|
|
71
80
|
style: styles.content,
|
package/lib/module/Screen.js.map
CHANGED
|
@@ -1 +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","ref","onLayout","e","nativeEvent","layout","
|
|
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":[]}
|
|
@@ -1 +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,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,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,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,
|
|
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,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,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,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,2CA4FlC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-navigation/elements",
|
|
3
3
|
"description": "UI Components for React Navigation",
|
|
4
|
-
"version": "3.0.0-alpha.
|
|
4
|
+
"version": "3.0.0-alpha.23",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
7
7
|
"react-navigation",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@callstack/liquid-glass": "^0.7.1",
|
|
57
57
|
"@jest/globals": "^30.3.0",
|
|
58
|
-
"@react-navigation/native": "^8.0.0-alpha.
|
|
58
|
+
"@react-navigation/native": "^8.0.0-alpha.20",
|
|
59
59
|
"@testing-library/react-native": "^13.3.3",
|
|
60
60
|
"@types/react": "~19.2.2",
|
|
61
61
|
"@types/use-sync-external-store": "^1.5.0",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"@callstack/liquid-glass": ">= 0.6.0",
|
|
72
|
-
"@react-navigation/native": "^8.0.0-alpha.
|
|
72
|
+
"@react-navigation/native": "^8.0.0-alpha.20",
|
|
73
73
|
"react": ">= 19.2.0",
|
|
74
74
|
"react-native": "*",
|
|
75
75
|
"react-native-safe-area-context": ">= 5.5.0",
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
]
|
|
94
94
|
]
|
|
95
95
|
},
|
|
96
|
-
"gitHead": "
|
|
96
|
+
"gitHead": "d465f4e6b2996e5ed4648b23487e2027e83b263d"
|
|
97
97
|
}
|
package/src/Screen.tsx
CHANGED
|
@@ -82,15 +82,28 @@ export function Screen(props: Props) {
|
|
|
82
82
|
{headerShown ? (
|
|
83
83
|
<NavigationProvider navigation={navigation} route={route}>
|
|
84
84
|
<View
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
85
|
+
style={[
|
|
86
|
+
styles.header,
|
|
87
|
+
headerTransparent
|
|
88
|
+
? [
|
|
89
|
+
styles.absolute,
|
|
90
|
+
// Specify an explicit min height for Android screen readers
|
|
91
|
+
{ minHeight: headerHeight },
|
|
92
|
+
]
|
|
93
|
+
: null,
|
|
94
|
+
]}
|
|
92
95
|
>
|
|
93
|
-
|
|
96
|
+
<View
|
|
97
|
+
ref={headerRef}
|
|
98
|
+
onLayout={(e) => {
|
|
99
|
+
const { height } = e.nativeEvent.layout;
|
|
100
|
+
|
|
101
|
+
setHeaderHeight(height);
|
|
102
|
+
}}
|
|
103
|
+
style={{ pointerEvents: 'box-none' }}
|
|
104
|
+
>
|
|
105
|
+
{header}
|
|
106
|
+
</View>
|
|
94
107
|
</View>
|
|
95
108
|
</NavigationProvider>
|
|
96
109
|
) : null}
|