one 1.2.37 → 1.2.38
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/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts/Stack.cjs +1 -6
- package/dist/cjs/layouts/Stack.js +2 -5
- package/dist/cjs/layouts/Stack.js.map +1 -1
- package/dist/cjs/layouts/Stack.native.js +1 -6
- package/dist/cjs/layouts/Stack.native.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/layouts/Stack.js +1 -5
- package/dist/esm/layouts/Stack.js.map +1 -1
- package/dist/esm/layouts/Stack.mjs +1 -6
- package/dist/esm/layouts/Stack.mjs.map +1 -1
- package/dist/esm/layouts/Stack.native.js +1 -6
- package/dist/esm/layouts/Stack.native.js.map +1 -1
- package/package.json +9 -9
- package/src/index.ts +0 -9
- package/src/layouts/Stack.tsx +1 -7
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/types/layouts/Stack.d.ts +0 -10
- package/types/layouts/Stack.d.ts.map +1 -1
- package/src/__mocks__/@react-navigation/native-stack.ts +0 -32
- package/src/__mocks__/@react-navigation/native.ts +0 -21
- package/src/__mocks__/expo-linking.ts +0 -6
- package/src/__mocks__/expo-modules-core.ts +0 -11
- package/src/__mocks__/react-native-screens.ts +0 -17
- package/src/__mocks__/react-native.ts +0 -20
- package/src/layouts/stack-utils/README.md +0 -211
- package/src/layouts/stack-utils/StackHeaderBackButton.tsx +0 -34
- package/src/layouts/stack-utils/StackHeaderComponent.tsx +0 -109
- package/src/layouts/stack-utils/StackHeaderLeft.tsx +0 -29
- package/src/layouts/stack-utils/StackHeaderRight.tsx +0 -29
- package/src/layouts/stack-utils/StackHeaderSearchBar.tsx +0 -21
- package/src/layouts/stack-utils/StackHeaderTitle.tsx +0 -61
- package/src/layouts/stack-utils/StackScreen.tsx +0 -65
- package/src/layouts/stack-utils/__tests__/composition.test.tsx +0 -267
- package/src/layouts/stack-utils/index.tsx +0 -35
- package/src/utils/children.ts +0 -47
- package/src/utils/style.ts +0 -17
- package/types/__mocks__/@react-navigation/native-stack.d.ts +0 -30
- package/types/__mocks__/@react-navigation/native.d.ts +0 -17
- package/types/__mocks__/expo-linking.d.ts +0 -9
- package/types/__mocks__/expo-modules-core.d.ts +0 -11
- package/types/__mocks__/react-native-screens.d.ts +0 -14
- package/types/__mocks__/react-native.d.ts +0 -12
- package/types/layouts/stack-utils/StackHeaderBackButton.d.ts +0 -17
- package/types/layouts/stack-utils/StackHeaderComponent.d.ts +0 -36
- package/types/layouts/stack-utils/StackHeaderLeft.d.ts +0 -13
- package/types/layouts/stack-utils/StackHeaderRight.d.ts +0 -13
- package/types/layouts/stack-utils/StackHeaderSearchBar.d.ts +0 -10
- package/types/layouts/stack-utils/StackHeaderTitle.d.ts +0 -26
- package/types/layouts/stack-utils/StackScreen.d.ts +0 -21
- package/types/layouts/stack-utils/index.d.ts +0 -20
- package/types/utils/children.d.ts +0 -15
- package/types/utils/style.d.ts +0 -7
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0B,wBAyB1B,cAA6B;AAE7B,0BAAc,+BA3Bd;AA+BA,4CAA6B,2CAC7B,8BAAsC,mCAGtC,0BAAkD,+BAClD,gBAAuB,qBACvB,cAAqB,mBAErB,eAWO,oBACP,cAAqB,mBAErB,eAAsB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0B,wBAyB1B,cAA6B;AAE7B,0BAAc,+BA3Bd;AA+BA,4CAA6B,2CAC7B,8BAAsC,mCAGtC,0BAAkD,+BAClD,gBAAuB,qBACvB,cAAqB,mBAErB,eAWO,oBACP,cAAqB,mBAErB,eAAsB,4BACtB,cAAqB,2BAErB,2BAAkC,wCAClC,cAAqB,wBACrB,kBAAyB,4BACzB,mBAA0B,6BAC1B,cAAqB,mBAErB,gBAAuB,qBACvB,qBAAmC,iCAEnC,wBAAuB,oCACvB,cAA6B,wCAC7B,uBAA8B,mCAC9B,uBAAuC,mCAGvC,wBAA+B,6BAC/B,mBAA0C,wBAC1C,gCAAyE,qCACzE,oBAA2B,+BAC3B,kBAAyB,6BACzB,uBAA8B,kCAC9B,yBAAgC,oCAChC,mBAAgC,8BAChC,wBAA+B,mCAE/B,yBAAiE;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -25,12 +25,7 @@ __export(Stack_exports, {
|
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(Stack_exports);
|
|
27
27
|
var import_native_stack = require("@react-navigation/native-stack"),
|
|
28
|
-
import_stack_utils = require("./stack-utils/index.cjs"),
|
|
29
28
|
import_withLayoutContext = require("./withLayoutContext.cjs");
|
|
30
29
|
const NativeStackNavigator = (0, import_native_stack.createNativeStackNavigator)().Navigator,
|
|
31
|
-
|
|
32
|
-
Stack = Object.assign(StackBase, {
|
|
33
|
-
Screen: import_stack_utils.StackScreen,
|
|
34
|
-
Header: import_stack_utils.StackHeader
|
|
35
|
-
});
|
|
30
|
+
Stack = (0, import_withLayoutContext.withLayoutContext)(NativeStackNavigator);
|
|
36
31
|
var Stack_default = Stack;
|
|
@@ -18,10 +18,7 @@ __export(Stack_exports, {
|
|
|
18
18
|
default: () => Stack_default
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(Stack_exports);
|
|
21
|
-
var import_native_stack = require("@react-navigation/native-stack"),
|
|
22
|
-
const NativeStackNavigator = (0, import_native_stack.createNativeStackNavigator)().Navigator,
|
|
23
|
-
Screen: import_stack_utils.StackScreen,
|
|
24
|
-
Header: import_stack_utils.StackHeader
|
|
25
|
-
});
|
|
21
|
+
var import_native_stack = require("@react-navigation/native-stack"), import_withLayoutContext = require("./withLayoutContext");
|
|
22
|
+
const NativeStackNavigator = (0, import_native_stack.createNativeStackNavigator)().Navigator, Stack = (0, import_withLayoutContext.withLayoutContext)(NativeStackNavigator);
|
|
26
23
|
var Stack_default = Stack;
|
|
27
24
|
//# sourceMappingURL=Stack.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/layouts/Stack.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAIO,2CAEP,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAIO,2CAEP,2BAAkC;AAElC,MAAM,2BAAuB,gDAA2B,EAAE,WAE7C,YAAQ,4CAKnB,oBAAoB;AAEtB,IAAO,gBAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -27,13 +27,8 @@ __export(Stack_exports, {
|
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(Stack_exports);
|
|
29
29
|
var import_native_stack = require("@react-navigation/native-stack"),
|
|
30
|
-
import_stack_utils = require("./stack-utils/index.native.js"),
|
|
31
30
|
import_withLayoutContext = require("./withLayoutContext.native.js"),
|
|
32
31
|
NativeStackNavigator = (0, import_native_stack.createNativeStackNavigator)().Navigator,
|
|
33
|
-
|
|
34
|
-
Stack = Object.assign(StackBase, {
|
|
35
|
-
Screen: import_stack_utils.StackScreen,
|
|
36
|
-
Header: import_stack_utils.StackHeader
|
|
37
|
-
}),
|
|
32
|
+
Stack = (0, import_withLayoutContext.withLayoutContext)(NativeStackNavigator),
|
|
38
33
|
Stack_default = Stack;
|
|
39
34
|
//# sourceMappingURL=Stack.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Stack_exports","__export","Stack","default","Stack_default","module","exports","import_native_stack","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Stack_exports","__export","Stack","default","Stack_default","module","exports","import_native_stack","require","import_withLayoutContext","NativeStackNavigator","createNativeStackNavigator","Navigator","withLayoutContext"],"sources":["../../../src/layouts/Stack.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAX,YAIO,CAAAK,aAAA;AAIP,IAAAO,mBAAM,GAAAC,OAAuB;EAAAC,wBAA6B,GAE7CD,OAAA,gCAAQ;EAAAE,oBAAA,GAKnB,IAAAH,mBAAoB,CAAAI,0BAAA,IAAAC,SAAA;EAAAV,KAAA,OAAAO,wBAAA,CAAAI,iBAAA,EAAAH,oBAAA;EAAAN,aAAA,GAAAF,KAAA","ignoreList":[]}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iBAAiB;AAyB1B,SAAS,oBAAoB;AAE7B,cAAc;AAId,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AAGtC,SAAS,wBAAyC;AAClD,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AAErB,SAAS,aAAa;
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAAiB;AAyB1B,SAAS,oBAAoB;AAE7B,cAAc;AAId,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AAGtC,SAAS,wBAAyC;AAClD,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AAErB,SAAS,aAAa;AACtB,SAAS,YAAY;AAErB,SAAS,yBAAyB;AAClC,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAErB,SAAS,cAAc;AACvB,SAAS,aAAa,aAAa;AAEnC,SAAS,cAAc;AACvB,YAAY,iBAAiB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AAGvC,SAAS,sBAAsB;AAC/B,SAAS,WAAW,sBAAsB;AAC1C,SAA2C,8BAA8B;AACzE,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,WAAW,YAAY;AAChC,SAAS,sBAAsB;AAE/B,SAAS,eAAe,oBAAoB,qBAAqB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createApp","useIsFocused","SafeAreaView","onClientLoaderResolve","createMiddleware","getURL","Head","useActiveParams","useGlobalSearchParams","useLocalSearchParams","useNavigationContainerRef","useParams","usePathname","useRootNavigationState","useRouter","useSegments","useUnstableGlobalHref","href","Stack","Tabs","withLayoutContext","Link","Redirect","useLinkTo","Root","render","createRoute","route","router","routerStore","useNavigation","registerPreloadedRoute","useFocusEffect","useLoader","useLoaderState","useServerHeadInsertion","isResponse","redirect","ErrorBoundary","LoadProgressBar","Navigator","Slot","ScrollBehavior","getServerData","setResponseHeaders","setServerData"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAyB1B,SAASC,YAAA,QAAoB;AAE7B,cAAc;AAId,SAASC,YAAA,QAAoB;AAC7B,SAASC,qBAAA,QAA6B;AAGtC,SAASC,gBAAA,QAAyC;AAClD,SAASC,MAAA,QAAc;AACvB,SAASC,IAAA,QAAY;AAErB,SACEC,eAAA,EACAC,qBAAA,EACAC,oBAAA,EACAC,yBAAA,EACAC,SAAA,EACAC,WAAA,EACAC,sBAAA,EACAC,SAAA,EACAC,WAAA,EACAC,qBAAA,QACK;AACP,SAASC,IAAA,QAAY;AAErB,SAASC,KAAA,QAAa;
|
|
1
|
+
{"version":3,"names":["createApp","useIsFocused","SafeAreaView","onClientLoaderResolve","createMiddleware","getURL","Head","useActiveParams","useGlobalSearchParams","useLocalSearchParams","useNavigationContainerRef","useParams","usePathname","useRootNavigationState","useRouter","useSegments","useUnstableGlobalHref","href","Stack","Tabs","withLayoutContext","Link","Redirect","useLinkTo","Root","render","createRoute","route","router","routerStore","useNavigation","registerPreloadedRoute","useFocusEffect","useLoader","useLoaderState","useServerHeadInsertion","isResponse","redirect","ErrorBoundary","LoadProgressBar","Navigator","Slot","ScrollBehavior","getServerData","setResponseHeaders","setServerData"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAyB1B,SAASC,YAAA,QAAoB;AAE7B,cAAc;AAId,SAASC,YAAA,QAAoB;AAC7B,SAASC,qBAAA,QAA6B;AAGtC,SAASC,gBAAA,QAAyC;AAClD,SAASC,MAAA,QAAc;AACvB,SAASC,IAAA,QAAY;AAErB,SACEC,eAAA,EACAC,qBAAA,EACAC,oBAAA,EACAC,yBAAA,EACAC,SAAA,EACAC,WAAA,EACAC,sBAAA,EACAC,SAAA,EACAC,WAAA,EACAC,qBAAA,QACK;AACP,SAASC,IAAA,QAAY;AAErB,SAASC,KAAA,QAAa;AACtB,SAASC,IAAA,QAAY;AAErB,SAASC,iBAAA,QAAyB;AAClC,SAASC,IAAA,QAAY;AACrB,SAASC,QAAA,QAAgB;AACzB,SAASC,SAAA,QAAiB;AAC1B,SAASC,IAAA,QAAY;AAErB,SAASC,MAAA,QAAc;AACvB,SAASC,WAAA,EAAaC,KAAA,QAAa;AAEnC,SAASC,MAAA,QAAc;AACvB,YAAYC,WAAA,MAAiB;AAC7B,SAASC,aAAA,QAAqB;AAC9B,SAASC,sBAAA,QAA8B;AAGvC,SAASC,cAAA,QAAsB;AAC/B,SAASC,SAAA,EAAWC,cAAA,QAAsB;AAC1C,SAA2CC,sBAAA,QAA8B;AACzE,SAASC,UAAA,QAAkB;AAC3B,SAASC,QAAA,QAAgB;AACzB,SAASC,aAAA,QAAqB;AAC9B,SAASC,eAAA,QAAuB;AAChC,SAASC,SAAA,EAAWC,IAAA,QAAY;AAChC,SAASC,cAAA,QAAsB;AAE/B,SAASC,aAAA,EAAeC,kBAAA,EAAoBC,aAAA,QAAqB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createApp","useIsFocused","SafeAreaView","onClientLoaderResolve","createMiddleware","getURL","Head","useActiveParams","useGlobalSearchParams","useLocalSearchParams","useNavigationContainerRef","useParams","usePathname","useRootNavigationState","useRouter","useSegments","useUnstableGlobalHref","href","Stack","Tabs","withLayoutContext","Link","Redirect","useLinkTo","Root","render","createRoute","route","router","_routerStore","useNavigation","registerPreloadedRoute","useFocusEffect","useLoader","useLoaderState","useServerHeadInsertion","isResponse","redirect","ErrorBoundary","LoadProgressBar","Navigator","Slot","ScrollBehavior","getServerData","setResponseHeaders","setServerData"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAyB1B,SAASC,YAAA,QAAoB;AAE7B,cAAc;AAId,SAASC,YAAA,QAAoB;AAC7B,SAASC,qBAAA,QAA6B;AAGtC,SAASC,gBAAA,QAAyC;AAClD,SAASC,MAAA,QAAc;AACvB,SAASC,IAAA,QAAY;AAErB,SAAAC,eAAA,EAAAC,qBAAA,EAAAC,oBAAA,EAAAC,yBAAA,EAAAC,SAAA,EAAAC,WAAA,EAAAC,sBAAA,EAAAC,SAAA,EAAAC,WAAA,EAAAC,qBAAA;AAAA,SACEC,IAAA;AAAA,SACAC,KAAA;AAAA,SACAC,IAAA;AAAA,SACAC,iBAAA;AAAA,SACAC,IAAA;AAAA,SACAC,QAAA;AAAA,SACAC,SAAA;AAAA,SACAC,IAAA;AAAA,SACAC,MAAA;AAAA,SACAC,WAAA,EAAAC,KAAA;AAAA,SACKC,MAAA;AACP,YAASC,YAAY;AAErB,SAASC,aAAa;
|
|
1
|
+
{"version":3,"names":["createApp","useIsFocused","SafeAreaView","onClientLoaderResolve","createMiddleware","getURL","Head","useActiveParams","useGlobalSearchParams","useLocalSearchParams","useNavigationContainerRef","useParams","usePathname","useRootNavigationState","useRouter","useSegments","useUnstableGlobalHref","href","Stack","Tabs","withLayoutContext","Link","Redirect","useLinkTo","Root","render","createRoute","route","router","_routerStore","useNavigation","registerPreloadedRoute","useFocusEffect","useLoader","useLoaderState","useServerHeadInsertion","isResponse","redirect","ErrorBoundary","LoadProgressBar","Navigator","Slot","ScrollBehavior","getServerData","setResponseHeaders","setServerData"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAyB1B,SAASC,YAAA,QAAoB;AAE7B,cAAc;AAId,SAASC,YAAA,QAAoB;AAC7B,SAASC,qBAAA,QAA6B;AAGtC,SAASC,gBAAA,QAAyC;AAClD,SAASC,MAAA,QAAc;AACvB,SAASC,IAAA,QAAY;AAErB,SAAAC,eAAA,EAAAC,qBAAA,EAAAC,oBAAA,EAAAC,yBAAA,EAAAC,SAAA,EAAAC,WAAA,EAAAC,sBAAA,EAAAC,SAAA,EAAAC,WAAA,EAAAC,qBAAA;AAAA,SACEC,IAAA;AAAA,SACAC,KAAA;AAAA,SACAC,IAAA;AAAA,SACAC,iBAAA;AAAA,SACAC,IAAA;AAAA,SACAC,QAAA;AAAA,SACAC,SAAA;AAAA,SACAC,IAAA;AAAA,SACAC,MAAA;AAAA,SACAC,WAAA,EAAAC,KAAA;AAAA,SACKC,MAAA;AACP,YAASC,YAAY;AAErB,SAASC,aAAa;AACtB,SAASC,sBAAY;AAErB,SAASC,cAAA,oCAAyB;AAClC,SAASC,SAAA,EAAAC,cAAY;AACrB,SAASC,sBAAgB;AACzB,SAASC,UAAA,QAAiB;AAC1B,SAASC,QAAA,QAAY;AAErB,SAASC,aAAA,QAAc;AACvB,SAASC,eAAa,2CAAa;AAEnC,SAASC,SAAA,EAAAC,IAAc;AACvB,SAAAC,cAAY,QAAiB;AAC7B,SAASC,aAAA,EAAAC,kBAAqB,EAAAC,aAAA;AAC9B,SAGAP,aAAS,EACThC,IAAA,EACAe,IAAA,EACAkB,eAAS,EACTC,SAAS,EACTlB,QAAS,EACTE,IAAA,EACAtB,YAAS,EACTwC,cAAS,EAETD,IAAA,E","ignoreList":[]}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
createNativeStackNavigator
|
|
3
3
|
} from "@react-navigation/native-stack";
|
|
4
|
-
import { StackScreen, StackHeader } from "./stack-utils";
|
|
5
4
|
import { withLayoutContext } from "./withLayoutContext";
|
|
6
|
-
const NativeStackNavigator = createNativeStackNavigator().Navigator,
|
|
7
|
-
Screen: StackScreen,
|
|
8
|
-
Header: StackHeader
|
|
9
|
-
});
|
|
5
|
+
const NativeStackNavigator = createNativeStackNavigator().Navigator, Stack = withLayoutContext(NativeStackNavigator);
|
|
10
6
|
var Stack_default = Stack;
|
|
11
7
|
export {
|
|
12
8
|
Stack,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/layouts/Stack.tsx"],
|
|
4
|
-
"mappings": "AACA;AAAA,EACE;AAAA,OAGK;AAEP,SAAS,
|
|
4
|
+
"mappings": "AACA;AAAA,EACE;AAAA,OAGK;AAEP,SAAS,yBAAyB;AAElC,MAAM,uBAAuB,2BAA2B,EAAE,WAE7C,QAAQ,kBAKnB,oBAAoB;AAEtB,IAAO,gBAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import { createNativeStackNavigator } from "@react-navigation/native-stack";
|
|
2
|
-
import { StackScreen, StackHeader } from "./stack-utils";
|
|
3
2
|
import { withLayoutContext } from "./withLayoutContext.mjs";
|
|
4
3
|
const NativeStackNavigator = createNativeStackNavigator().Navigator,
|
|
5
|
-
|
|
6
|
-
Stack = Object.assign(StackBase, {
|
|
7
|
-
Screen: StackScreen,
|
|
8
|
-
Header: StackHeader
|
|
9
|
-
});
|
|
4
|
+
Stack = withLayoutContext(NativeStackNavigator);
|
|
10
5
|
var Stack_default = Stack;
|
|
11
6
|
export { Stack, Stack_default as default };
|
|
12
7
|
//# sourceMappingURL=Stack.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createNativeStackNavigator","
|
|
1
|
+
{"version":3,"names":["createNativeStackNavigator","withLayoutContext","NativeStackNavigator","Navigator","Stack","Stack_default"],"sources":["../../../src/layouts/Stack.tsx"],"sourcesContent":[null],"mappings":"AACA,SACEA,0BAAA,QAGK;AAEP,SAASC,iBAAA,QAAyB;AAElC,MAAMC,oBAAA,GAAuBF,0BAAA,CAA2B,EAAEG,SAAA;EAE7CC,KAAA,GAAQH,iBAAA,CAKnBC,oBAAoB;AAEtB,IAAOG,aAAA,GAAQD,KAAA","ignoreList":[]}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import { createNativeStackNavigator } from "@react-navigation/native-stack";
|
|
2
|
-
import { StackScreen, StackHeader } from "./stack-utils";
|
|
3
2
|
import { withLayoutContext } from "./withLayoutContext.native.js";
|
|
4
3
|
var NativeStackNavigator = createNativeStackNavigator().Navigator,
|
|
5
|
-
|
|
6
|
-
Stack = Object.assign(StackBase, {
|
|
7
|
-
Screen: StackScreen,
|
|
8
|
-
Header: StackHeader
|
|
9
|
-
}),
|
|
4
|
+
Stack = withLayoutContext(NativeStackNavigator),
|
|
10
5
|
Stack_default = Stack;
|
|
11
6
|
export { Stack, Stack_default as default };
|
|
12
7
|
//# sourceMappingURL=Stack.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createNativeStackNavigator","
|
|
1
|
+
{"version":3,"names":["createNativeStackNavigator","withLayoutContext","NativeStackNavigator","Navigator","Stack","Stack_default","default"],"sources":["../../../src/layouts/Stack.tsx"],"sourcesContent":[null],"mappings":"AACA,SAAAA,0BAAA;AAAA,SACEC,iBAAA;AAAA,IAAAC,oBAGK,GAAAF,0BAAA,GAAAG,SAAA;EAAAC,KAAA,GAAAH,iBAAA,CAAAC,oBAAA;EAAAG,aAAA,GAAAD,KAAA;AAEP,SAEAA,KAAM,EASNC,aAAO,IAAAC,OAAQ","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "one",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.38",
|
|
4
4
|
"license": "BSD-3-Clause",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"setup.mjs",
|
|
@@ -124,17 +124,17 @@
|
|
|
124
124
|
"@react-navigation/routers": "~7.5.1",
|
|
125
125
|
"@swc/core": "^1.14.0",
|
|
126
126
|
"@ungap/structured-clone": "^1.2.0",
|
|
127
|
-
"@vxrn/color-scheme": "1.2.
|
|
128
|
-
"@vxrn/compiler": "1.2.
|
|
129
|
-
"@vxrn/resolve": "1.2.
|
|
130
|
-
"@vxrn/tslib-lite": "1.2.
|
|
131
|
-
"@vxrn/use-isomorphic-layout-effect": "1.2.
|
|
132
|
-
"@vxrn/vite-plugin-metro": "1.2.
|
|
127
|
+
"@vxrn/color-scheme": "1.2.38",
|
|
128
|
+
"@vxrn/compiler": "1.2.38",
|
|
129
|
+
"@vxrn/resolve": "1.2.38",
|
|
130
|
+
"@vxrn/tslib-lite": "1.2.38",
|
|
131
|
+
"@vxrn/use-isomorphic-layout-effect": "1.2.38",
|
|
132
|
+
"@vxrn/vite-plugin-metro": "1.2.38",
|
|
133
133
|
"babel-dead-code-elimination": "^1.0.10",
|
|
134
134
|
"babel-plugin-module-resolver": "^5.0.2",
|
|
135
135
|
"citty": "^0.1.6",
|
|
136
136
|
"core-js": "^3.38.1",
|
|
137
|
-
"create-vxrn": "1.2.
|
|
137
|
+
"create-vxrn": "1.2.38",
|
|
138
138
|
"escape-string-regexp": "^5.0.0",
|
|
139
139
|
"expo-linking": "~8.0.8",
|
|
140
140
|
"expo-modules-core": "~3.0.24",
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
"vite": "^7.1.12",
|
|
161
161
|
"vite-plugin-barrel": "^0.4.1",
|
|
162
162
|
"vite-tsconfig-paths": "^5.1.4",
|
|
163
|
-
"vxrn": "1.2.
|
|
163
|
+
"vxrn": "1.2.38",
|
|
164
164
|
"ws": "^8.18.0",
|
|
165
165
|
"xxhashjs": "^0.2.2"
|
|
166
166
|
},
|
package/src/index.ts
CHANGED
|
@@ -52,15 +52,6 @@ export {
|
|
|
52
52
|
export { href } from './href'
|
|
53
53
|
// components
|
|
54
54
|
export { Stack } from './layouts/Stack'
|
|
55
|
-
export type {
|
|
56
|
-
StackHeaderProps,
|
|
57
|
-
StackHeaderTitleProps,
|
|
58
|
-
StackHeaderLeftProps,
|
|
59
|
-
StackHeaderRightProps,
|
|
60
|
-
StackHeaderBackButtonProps,
|
|
61
|
-
StackHeaderSearchBarProps,
|
|
62
|
-
StackScreenProps,
|
|
63
|
-
} from './layouts/stack-utils'
|
|
64
55
|
export { Tabs } from './layouts/Tabs'
|
|
65
56
|
// utilities
|
|
66
57
|
export { withLayoutContext } from './layouts/withLayoutContext'
|
package/src/layouts/Stack.tsx
CHANGED
|
@@ -5,21 +5,15 @@ import {
|
|
|
5
5
|
type NativeStackNavigationOptions,
|
|
6
6
|
} from '@react-navigation/native-stack'
|
|
7
7
|
|
|
8
|
-
import { StackScreen, StackHeader } from './stack-utils'
|
|
9
8
|
import { withLayoutContext } from './withLayoutContext'
|
|
10
9
|
|
|
11
10
|
const NativeStackNavigator = createNativeStackNavigator().Navigator
|
|
12
11
|
|
|
13
|
-
const
|
|
12
|
+
export const Stack = withLayoutContext<
|
|
14
13
|
NativeStackNavigationOptions,
|
|
15
14
|
typeof NativeStackNavigator,
|
|
16
15
|
StackNavigationState<ParamListBase>,
|
|
17
16
|
NativeStackNavigationEventMap
|
|
18
17
|
>(NativeStackNavigator)
|
|
19
18
|
|
|
20
|
-
export const Stack = Object.assign(StackBase, {
|
|
21
|
-
Screen: StackScreen,
|
|
22
|
-
Header: StackHeader,
|
|
23
|
-
})
|
|
24
|
-
|
|
25
19
|
export default Stack
|
package/types/index.d.ts
CHANGED
|
@@ -25,7 +25,6 @@ export { Head } from './head';
|
|
|
25
25
|
export { useActiveParams, useGlobalSearchParams, useLocalSearchParams, useNavigationContainerRef, useParams, usePathname, useRootNavigationState, useRouter, useSegments, useUnstableGlobalHref, } from './hooks';
|
|
26
26
|
export { href } from './href';
|
|
27
27
|
export { Stack } from './layouts/Stack';
|
|
28
|
-
export type { StackHeaderProps, StackHeaderTitleProps, StackHeaderLeftProps, StackHeaderRightProps, StackHeaderBackButtonProps, StackHeaderSearchBarProps, StackScreenProps, } from './layouts/stack-utils';
|
|
29
28
|
export { Tabs } from './layouts/Tabs';
|
|
30
29
|
export { withLayoutContext } from './layouts/withLayoutContext';
|
|
31
30
|
export { Link } from './link/Link';
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAGpD,MAAM,MAAM,IAAI,GAAG,aAAa,SAAS,MAAM,SAAS,CAAC,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,IAAI,CAAA;AAEvF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;AAElF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,SAAS,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;AAG/E,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,cAAc,oBAAoB,CAAA;AAIlC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EAAE,gBAAgB,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,WAAW,EACX,sBAAsB,EACtB,SAAS,EACT,WAAW,EACX,qBAAqB,GACtB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/types/layouts/Stack.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import type { ParamListBase, StackNavigationState } from '@react-navigation/native';
|
|
2
2
|
import { type NativeStackNavigationEventMap, type NativeStackNavigationOptions } from '@react-navigation/native-stack';
|
|
3
|
-
import { StackScreen } from './stack-utils';
|
|
4
3
|
export declare const Stack: import("react").ForwardRefExoticComponent<Omit<Omit<import("@react-navigation/native-stack").NativeStackNavigatorProps, "children" | "initialRouteName" | "layout" | "id" | "screenOptions" | "screenListeners" | "screenLayout" | "UNSTABLE_router" | "UNSTABLE_routeNamesChangeBehavior"> & import("@react-navigation/routers").DefaultRouterOptions<string> & {
|
|
5
4
|
children: React.ReactNode;
|
|
6
5
|
layout?: ((props: {
|
|
@@ -93,15 +92,6 @@ export declare const Stack: import("react").ForwardRefExoticComponent<Omit<Omit<
|
|
|
93
92
|
id?: undefined;
|
|
94
93
|
}, "children">> & import("react").RefAttributes<unknown>> & {
|
|
95
94
|
Screen: typeof import("../views/Screen").Screen;
|
|
96
|
-
} & {
|
|
97
|
-
Screen: typeof StackScreen;
|
|
98
|
-
Header: typeof import("./stack-utils").StackHeaderComponent & {
|
|
99
|
-
Left: typeof import("./stack-utils").StackHeaderLeft;
|
|
100
|
-
Right: typeof import("./stack-utils").StackHeaderRight;
|
|
101
|
-
BackButton: typeof import("./stack-utils").StackHeaderBackButton;
|
|
102
|
-
Title: typeof import("./stack-utils").StackHeaderTitle;
|
|
103
|
-
SearchBar: typeof import("./stack-utils").StackHeaderSearchBar;
|
|
104
|
-
};
|
|
105
95
|
};
|
|
106
96
|
export default Stack;
|
|
107
97
|
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/layouts/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AACnF,OAAO,EAEL,KAAK,6BAA6B,EAClC,KAAK,4BAA4B,EAClC,MAAM,gCAAgC,CAAA;
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/layouts/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AACnF,OAAO,EAEL,KAAK,6BAA6B,EAClC,KAAK,4BAA4B,EAClC,MAAM,gCAAgC,CAAA;AAMvC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKK,CAAA;AAEvB,eAAe,KAAK,CAAA"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
// Mock for @react-navigation/native-stack used in vitest tests
|
|
2
|
-
|
|
3
|
-
export type NativeStackNavigationOptions = {
|
|
4
|
-
title?: string
|
|
5
|
-
headerLargeTitle?: boolean
|
|
6
|
-
headerTitleAlign?: 'left' | 'center'
|
|
7
|
-
headerTitleStyle?: any
|
|
8
|
-
headerLargeTitleStyle?: any
|
|
9
|
-
headerBackTitle?: string
|
|
10
|
-
headerBackTitleStyle?: any
|
|
11
|
-
headerBackImageSource?: any
|
|
12
|
-
headerBackButtonDisplayMode?: string
|
|
13
|
-
headerBackButtonMenuEnabled?: boolean
|
|
14
|
-
headerBackVisible?: boolean
|
|
15
|
-
headerSearchBarOptions?: any
|
|
16
|
-
headerShown?: boolean
|
|
17
|
-
headerBlurEffect?: string
|
|
18
|
-
headerStyle?: any
|
|
19
|
-
headerLargeStyle?: any
|
|
20
|
-
headerShadowVisible?: boolean
|
|
21
|
-
headerLargeTitleShadowVisible?: boolean
|
|
22
|
-
headerLeft?: () => any
|
|
23
|
-
headerRight?: () => any
|
|
24
|
-
header?: () => any
|
|
25
|
-
animation?: string
|
|
26
|
-
gestureEnabled?: boolean
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export const createNativeStackNavigator = () => ({
|
|
30
|
-
Navigator: () => null,
|
|
31
|
-
Screen: () => null,
|
|
32
|
-
})
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
// Mock for @react-navigation/native used in vitest tests
|
|
2
|
-
|
|
3
|
-
export const useNavigation = () => ({
|
|
4
|
-
navigate: () => {},
|
|
5
|
-
goBack: () => {},
|
|
6
|
-
setOptions: () => {},
|
|
7
|
-
getParent: () => null,
|
|
8
|
-
})
|
|
9
|
-
|
|
10
|
-
export const NavigationContainer = ({ children }: any) => children
|
|
11
|
-
|
|
12
|
-
export type NavigationProp<T = any> = {
|
|
13
|
-
navigate: (route: string, params?: any) => void
|
|
14
|
-
goBack: () => void
|
|
15
|
-
setOptions: (options: any) => void
|
|
16
|
-
getParent: (id?: string) => any
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export type ParamListBase = Record<string, object | undefined>
|
|
20
|
-
export type StackNavigationState<T> = any
|
|
21
|
-
export type EventMapBase = any
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
// Mock for expo-linking used in vitest tests
|
|
2
|
-
|
|
3
|
-
export const createURL = (path: string) => `exp://localhost/${path}`
|
|
4
|
-
export const parse = (url: string) => ({ path: url })
|
|
5
|
-
export const addEventListener = () => ({ remove: () => {} })
|
|
6
|
-
export const getInitialURL = async () => null
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
// Mock for expo-modules-core used in vitest tests
|
|
2
|
-
|
|
3
|
-
export const EventEmitter = class EventEmitter {
|
|
4
|
-
addListener() {}
|
|
5
|
-
removeListener() {}
|
|
6
|
-
emit() {}
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export const NativeModulesProxy = {}
|
|
10
|
-
export const requireNativeModule = () => ({})
|
|
11
|
-
export const requireOptionalNativeModule = () => null
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
// Mock for react-native-screens used in vitest tests
|
|
2
|
-
|
|
3
|
-
export const Screen = 'Screen'
|
|
4
|
-
export const ScreenContainer = 'ScreenContainer'
|
|
5
|
-
|
|
6
|
-
export type ScreenStackHeaderConfigProps = {
|
|
7
|
-
blurEffect?: string
|
|
8
|
-
backgroundColor?: string
|
|
9
|
-
largeTitleBackgroundColor?: string
|
|
10
|
-
backButtonDisplayMode?: 'default' | 'minimal' | 'generic'
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export type SearchBarProps = {
|
|
14
|
-
placeholder?: string
|
|
15
|
-
onChangeText?: (text: string) => void
|
|
16
|
-
autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters'
|
|
17
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
// Mock for react-native used in vitest tests
|
|
2
|
-
|
|
3
|
-
export const StyleSheet = {
|
|
4
|
-
create: <T extends Record<string, any>>(styles: T): T => styles,
|
|
5
|
-
flatten: (style: any): any => {
|
|
6
|
-
if (Array.isArray(style)) {
|
|
7
|
-
return Object.assign({}, ...style.filter(Boolean))
|
|
8
|
-
}
|
|
9
|
-
return style || {}
|
|
10
|
-
},
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export const Platform = {
|
|
14
|
-
OS: 'web',
|
|
15
|
-
select: (obj: any) => obj.web || obj.default,
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export const View = 'View'
|
|
19
|
-
export const Text = 'Text'
|
|
20
|
-
export const Pressable = 'Pressable'
|
|
@@ -1,211 +0,0 @@
|
|
|
1
|
-
# Stack Header Composition API
|
|
2
|
-
|
|
3
|
-
A declarative JSX API for configuring native stack headers in One.
|
|
4
|
-
|
|
5
|
-
## Overview
|
|
6
|
-
|
|
7
|
-
The Stack Header Composition API provides a more intuitive way to configure stack navigation headers using JSX components instead of the traditional options object. This is particularly useful for complex header configurations like large titles, custom buttons, and search bars.
|
|
8
|
-
|
|
9
|
-
## Installation
|
|
10
|
-
|
|
11
|
-
The components are available through the main `one` package:
|
|
12
|
-
|
|
13
|
-
```tsx
|
|
14
|
-
import { Stack } from 'one'
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
## Core Components
|
|
18
|
-
|
|
19
|
-
| Component | Description |
|
|
20
|
-
|-----------|-------------|
|
|
21
|
-
| `Stack.Screen` | Screen wrapper with header composition support |
|
|
22
|
-
| `Stack.Header` | Main header configuration container |
|
|
23
|
-
| `Stack.Header.Title` | Configure title text and large title mode |
|
|
24
|
-
| `Stack.Header.Left` | Custom left header content |
|
|
25
|
-
| `Stack.Header.Right` | Custom right header content |
|
|
26
|
-
| `Stack.Header.BackButton` | Back button configuration |
|
|
27
|
-
| `Stack.Header.SearchBar` | Search bar configuration |
|
|
28
|
-
|
|
29
|
-
## Basic Usage
|
|
30
|
-
|
|
31
|
-
```tsx
|
|
32
|
-
import { Stack } from 'one'
|
|
33
|
-
|
|
34
|
-
export default function Layout() {
|
|
35
|
-
return (
|
|
36
|
-
<Stack>
|
|
37
|
-
<Stack.Screen name="index">
|
|
38
|
-
<Stack.Header>
|
|
39
|
-
<Stack.Header.Title large>Welcome</Stack.Header.Title>
|
|
40
|
-
</Stack.Header>
|
|
41
|
-
</Stack.Screen>
|
|
42
|
-
</Stack>
|
|
43
|
-
)
|
|
44
|
-
}
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
## Large Title with Blur Effect (iOS)
|
|
48
|
-
|
|
49
|
-
The classic iOS large title pattern with blur effect:
|
|
50
|
-
|
|
51
|
-
```tsx
|
|
52
|
-
<Stack.Screen name="feed">
|
|
53
|
-
<Stack.Header blurEffect="regular" style={{ backgroundColor: 'transparent' }}>
|
|
54
|
-
<Stack.Header.Title large>Feed</Stack.Header.Title>
|
|
55
|
-
</Stack.Header>
|
|
56
|
-
</Stack.Screen>
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
## Custom Header Buttons
|
|
60
|
-
|
|
61
|
-
Add custom buttons to the left or right side of the header:
|
|
62
|
-
|
|
63
|
-
```tsx
|
|
64
|
-
<Stack.Screen name="profile">
|
|
65
|
-
<Stack.Header>
|
|
66
|
-
<Stack.Header.Title>Profile</Stack.Header.Title>
|
|
67
|
-
<Stack.Header.Left asChild>
|
|
68
|
-
<Button onPress={goBack}>Back</Button>
|
|
69
|
-
</Stack.Header.Left>
|
|
70
|
-
<Stack.Header.Right asChild>
|
|
71
|
-
<Button onPress={openSettings}>Settings</Button>
|
|
72
|
-
</Stack.Header.Right>
|
|
73
|
-
</Stack.Header>
|
|
74
|
-
</Stack.Screen>
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
## Search Bar
|
|
78
|
-
|
|
79
|
-
Add an integrated search bar to the header:
|
|
80
|
-
|
|
81
|
-
```tsx
|
|
82
|
-
<Stack.Screen name="search">
|
|
83
|
-
<Stack.Header>
|
|
84
|
-
<Stack.Header.Title>Search</Stack.Header.Title>
|
|
85
|
-
<Stack.Header.SearchBar
|
|
86
|
-
placeholder="Search..."
|
|
87
|
-
onChangeText={handleSearch}
|
|
88
|
-
/>
|
|
89
|
-
</Stack.Header>
|
|
90
|
-
</Stack.Screen>
|
|
91
|
-
```
|
|
92
|
-
|
|
93
|
-
## Back Button Configuration
|
|
94
|
-
|
|
95
|
-
Customize the back button appearance and behavior:
|
|
96
|
-
|
|
97
|
-
```tsx
|
|
98
|
-
<Stack.Screen name="detail">
|
|
99
|
-
<Stack.Header>
|
|
100
|
-
<Stack.Header.Title>Detail</Stack.Header.Title>
|
|
101
|
-
<Stack.Header.BackButton
|
|
102
|
-
displayMode="minimal"
|
|
103
|
-
hidden={false}
|
|
104
|
-
>
|
|
105
|
-
Back
|
|
106
|
-
</Stack.Header.BackButton>
|
|
107
|
-
</Stack.Header>
|
|
108
|
-
</Stack.Screen>
|
|
109
|
-
```
|
|
110
|
-
|
|
111
|
-
## Custom Header Component
|
|
112
|
-
|
|
113
|
-
Replace the entire header with a custom component:
|
|
114
|
-
|
|
115
|
-
```tsx
|
|
116
|
-
<Stack.Screen name="custom">
|
|
117
|
-
<Stack.Header asChild>
|
|
118
|
-
<CustomHeader />
|
|
119
|
-
</Stack.Header>
|
|
120
|
-
</Stack.Screen>
|
|
121
|
-
```
|
|
122
|
-
|
|
123
|
-
## Combining with Options
|
|
124
|
-
|
|
125
|
-
You can combine the composition API with the traditional options prop:
|
|
126
|
-
|
|
127
|
-
```tsx
|
|
128
|
-
<Stack.Screen
|
|
129
|
-
name="mixed"
|
|
130
|
-
options={{
|
|
131
|
-
animation: 'slide_from_right',
|
|
132
|
-
gestureEnabled: true,
|
|
133
|
-
}}
|
|
134
|
-
>
|
|
135
|
-
<Stack.Header>
|
|
136
|
-
<Stack.Header.Title large>Mixed Config</Stack.Header.Title>
|
|
137
|
-
</Stack.Header>
|
|
138
|
-
</Stack.Screen>
|
|
139
|
-
```
|
|
140
|
-
|
|
141
|
-
## API Reference
|
|
142
|
-
|
|
143
|
-
### Stack.Header Props
|
|
144
|
-
|
|
145
|
-
| Prop | Type | Description |
|
|
146
|
-
|------|------|-------------|
|
|
147
|
-
| `hidden` | `boolean` | Hide the header entirely |
|
|
148
|
-
| `asChild` | `boolean` | Render children as the entire header |
|
|
149
|
-
| `blurEffect` | `'regular' \| 'prominent' \| ...` | iOS blur effect |
|
|
150
|
-
| `style` | `StyleProp` | Header style (backgroundColor, shadowColor) |
|
|
151
|
-
| `largeStyle` | `StyleProp` | Large title header style |
|
|
152
|
-
|
|
153
|
-
### Stack.Header.Title Props
|
|
154
|
-
|
|
155
|
-
| Prop | Type | Description |
|
|
156
|
-
|------|------|-------------|
|
|
157
|
-
| `children` | `string` | Title text |
|
|
158
|
-
| `large` | `boolean` | Enable large title mode |
|
|
159
|
-
| `style` | `StyleProp` | Title text style |
|
|
160
|
-
| `largeStyle` | `StyleProp` | Large title text style |
|
|
161
|
-
|
|
162
|
-
### Stack.Header.Left / Right Props
|
|
163
|
-
|
|
164
|
-
| Prop | Type | Description |
|
|
165
|
-
|------|------|-------------|
|
|
166
|
-
| `children` | `ReactNode` | Content to render |
|
|
167
|
-
| `asChild` | `boolean` | Required to render custom content |
|
|
168
|
-
|
|
169
|
-
### Stack.Header.BackButton Props
|
|
170
|
-
|
|
171
|
-
| Prop | Type | Description |
|
|
172
|
-
|------|------|-------------|
|
|
173
|
-
| `children` | `string` | Back button title |
|
|
174
|
-
| `hidden` | `boolean` | Hide the back button |
|
|
175
|
-
| `displayMode` | `'default' \| 'minimal' \| 'generic'` | Display mode |
|
|
176
|
-
| `withMenu` | `boolean` | Enable back button menu |
|
|
177
|
-
| `src` | `ImageSourcePropType` | Custom back button image |
|
|
178
|
-
| `style` | `TextStyle` | Back button title style |
|
|
179
|
-
|
|
180
|
-
### Stack.Header.SearchBar Props
|
|
181
|
-
|
|
182
|
-
Accepts all props from `react-native-screens` SearchBarProps.
|
|
183
|
-
|
|
184
|
-
## Comparison with Options API
|
|
185
|
-
|
|
186
|
-
**Traditional options API:**
|
|
187
|
-
```tsx
|
|
188
|
-
<Stack.Screen
|
|
189
|
-
name="index"
|
|
190
|
-
options={{
|
|
191
|
-
title: 'Welcome',
|
|
192
|
-
headerLargeTitle: true,
|
|
193
|
-
headerBlurEffect: 'regular',
|
|
194
|
-
headerRight: () => <Button>Action</Button>,
|
|
195
|
-
}}
|
|
196
|
-
/>
|
|
197
|
-
```
|
|
198
|
-
|
|
199
|
-
**Composition API:**
|
|
200
|
-
```tsx
|
|
201
|
-
<Stack.Screen name="index">
|
|
202
|
-
<Stack.Header blurEffect="regular">
|
|
203
|
-
<Stack.Header.Title large>Welcome</Stack.Header.Title>
|
|
204
|
-
<Stack.Header.Right asChild>
|
|
205
|
-
<Button>Action</Button>
|
|
206
|
-
</Stack.Header.Right>
|
|
207
|
-
</Stack.Header>
|
|
208
|
-
</Stack.Screen>
|
|
209
|
-
```
|
|
210
|
-
|
|
211
|
-
Both approaches work, choose based on your preference. The composition API can be more readable for complex configurations.
|