react-native-screens 4.20.0-nightly-20251216-94c1d7108 → 4.20.0-nightly-20251218-06a5812f7
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/ios/RNSScreenStackHeaderSubview.mm +73 -44
- package/ios/gamma/stack/{RNSStackController.swift → host/RNSStackController.swift} +5 -5
- package/ios/gamma/stack/{RNSScreenStackHostComponentView.h → host/RNSStackHostComponentView.h} +1 -1
- package/ios/gamma/stack/{RNSScreenStackHostComponentView.mm → host/RNSStackHostComponentView.mm} +6 -6
- package/ios/gamma/stack/{RNSScreenStackHostComponentViewManager.h → host/RNSStackHostComponentViewManager.h} +1 -1
- package/ios/gamma/stack/host/RNSStackHostComponentViewManager.mm +7 -0
- package/ios/gamma/stack/{RNSStackScreenComponentView.h → screen/RNSStackScreenComponentView.h} +7 -7
- package/ios/gamma/stack/{RNSStackScreenComponentView.mm → screen/RNSStackScreenComponentView.mm} +2 -2
- package/ios/gamma/stack/{RNSStackScreenController.swift → screen/RNSStackScreenController.swift} +4 -4
- package/ios/stubs/RNSGammaStubs.h +1 -1
- package/ios/stubs/RNSGammaStubs.mm +1 -1
- package/lib/commonjs/components/gamma/split/SplitHost.android.js +12 -0
- package/lib/commonjs/components/gamma/split/SplitHost.android.js.map +1 -0
- package/lib/commonjs/components/gamma/{split-view/SplitViewHost.js → split/SplitHost.js} +9 -9
- package/lib/commonjs/components/gamma/split/SplitHost.js.map +1 -0
- package/lib/commonjs/components/gamma/{split-view/SplitViewHost.types.js → split/SplitHost.types.js} +1 -1
- package/lib/commonjs/components/gamma/split/SplitHost.types.js.map +1 -0
- package/lib/commonjs/components/gamma/split/SplitHost.web.js +12 -0
- package/lib/commonjs/components/gamma/split/SplitHost.web.js.map +1 -0
- package/lib/commonjs/components/gamma/{split-view/SplitViewScreen.web.js → split/SplitScreen.android.js} +2 -2
- package/lib/commonjs/components/gamma/split/SplitScreen.android.js.map +1 -0
- package/lib/commonjs/components/gamma/{split-view/SplitViewScreen.js → split/SplitScreen.js} +3 -3
- package/lib/commonjs/components/gamma/split/SplitScreen.js.map +1 -0
- package/lib/commonjs/components/gamma/{split-view/SplitViewScreen.types.js → split/SplitScreen.types.js} +1 -1
- package/lib/commonjs/components/gamma/split/SplitScreen.types.js.map +1 -0
- package/lib/commonjs/components/gamma/split/SplitScreen.web.js +23 -0
- package/lib/commonjs/components/gamma/split/SplitScreen.web.js.map +1 -0
- package/lib/commonjs/components/gamma/split/index.js +44 -0
- package/lib/commonjs/components/gamma/split/index.js.map +1 -0
- package/lib/commonjs/components/gamma/stack/StackHost.js +2 -2
- package/lib/commonjs/components/gamma/stack/StackHost.js.map +1 -1
- package/lib/commonjs/components/gamma/stack/StackHost.web.js +4 -2
- package/lib/commonjs/components/gamma/stack/StackHost.web.js.map +1 -1
- package/lib/commonjs/components/gamma/stack/StackScreen.js +1 -1
- package/lib/commonjs/components/gamma/stack/StackScreen.js.map +1 -1
- package/lib/commonjs/experimental/index.js +4 -12
- package/lib/commonjs/experimental/index.js.map +1 -1
- package/lib/commonjs/experimental/types.js +12 -12
- package/lib/commonjs/experimental/types.js.map +1 -1
- package/lib/commonjs/fabric/gamma/{ScreenStackHostNativeComponent.js → stack/StackHostNativeComponent.js} +2 -2
- package/lib/commonjs/fabric/gamma/stack/StackHostNativeComponent.js.map +1 -0
- package/lib/commonjs/fabric/gamma/stack/StackScreenNativeComponent.js.map +1 -0
- package/lib/module/components/gamma/split/SplitHost.android.js +6 -0
- package/lib/module/components/gamma/split/SplitHost.android.js.map +1 -0
- package/lib/module/components/gamma/{split-view/SplitViewHost.js → split/SplitHost.js} +9 -9
- package/lib/module/components/gamma/split/SplitHost.js.map +1 -0
- package/lib/module/components/gamma/split/SplitHost.types.js +2 -0
- package/lib/module/components/gamma/split/SplitHost.types.js.map +1 -0
- package/lib/module/components/gamma/split/SplitHost.web.js +6 -0
- package/lib/module/components/gamma/split/SplitHost.web.js.map +1 -0
- package/lib/module/components/gamma/split/SplitScreen.android.js +11 -0
- package/lib/module/components/gamma/split/SplitScreen.android.js.map +1 -0
- package/lib/module/components/gamma/{split-view/SplitViewScreen.js → split/SplitScreen.js} +3 -3
- package/lib/module/components/gamma/split/SplitScreen.js.map +1 -0
- package/lib/module/components/gamma/split/SplitScreen.types.js +2 -0
- package/lib/module/components/gamma/split/SplitScreen.types.js.map +1 -0
- package/lib/module/components/gamma/split/SplitScreen.web.js +17 -0
- package/lib/module/components/gamma/split/SplitScreen.web.js.map +1 -0
- package/lib/module/components/gamma/split/index.js +15 -0
- package/lib/module/components/gamma/split/index.js.map +1 -0
- package/lib/module/components/gamma/stack/StackHost.js +2 -2
- package/lib/module/components/gamma/stack/StackHost.js.map +1 -1
- package/lib/module/components/gamma/stack/StackHost.web.js +5 -2
- package/lib/module/components/gamma/stack/StackHost.web.js.map +1 -1
- package/lib/module/components/gamma/stack/StackScreen.js +1 -1
- package/lib/module/components/gamma/stack/StackScreen.js.map +1 -1
- package/lib/module/experimental/index.js +1 -2
- package/lib/module/experimental/index.js.map +1 -1
- package/lib/module/experimental/types.js +2 -2
- package/lib/module/experimental/types.js.map +1 -1
- package/lib/module/fabric/gamma/stack/StackHostNativeComponent.js +5 -0
- package/lib/module/fabric/gamma/stack/StackHostNativeComponent.js.map +1 -0
- package/lib/module/fabric/gamma/stack/StackScreenNativeComponent.js.map +1 -0
- package/lib/typescript/components/bottom-tabs/BottomTabsScreen.types.d.ts +1 -1
- package/lib/typescript/components/gamma/split/SplitHost.android.d.ts +3 -0
- package/lib/typescript/components/gamma/split/SplitHost.android.d.ts.map +1 -0
- package/lib/typescript/components/gamma/split/SplitHost.d.ts +8 -0
- package/lib/typescript/components/gamma/split/SplitHost.d.ts.map +1 -0
- package/lib/typescript/components/gamma/{split-view/SplitViewHost.types.d.ts → split/SplitHost.types.d.ts} +35 -35
- package/lib/typescript/components/gamma/split/SplitHost.types.d.ts.map +1 -0
- package/lib/typescript/components/gamma/split/SplitHost.web.d.ts +3 -0
- package/lib/typescript/components/gamma/split/SplitHost.web.d.ts.map +1 -0
- package/lib/typescript/components/gamma/{split-view/SplitViewScreen.web.d.ts → split/SplitScreen.android.d.ts} +1 -1
- package/lib/typescript/components/gamma/split/SplitScreen.android.d.ts.map +1 -0
- package/lib/typescript/components/gamma/split/SplitScreen.d.ts +19 -0
- package/lib/typescript/components/gamma/split/SplitScreen.d.ts.map +1 -0
- package/lib/typescript/components/gamma/{split-view/SplitViewScreen.types.d.ts → split/SplitScreen.types.d.ts} +7 -7
- package/lib/typescript/components/gamma/split/SplitScreen.types.d.ts.map +1 -0
- package/lib/typescript/components/gamma/split/SplitScreen.web.d.ts +9 -0
- package/lib/typescript/components/gamma/split/SplitScreen.web.d.ts.map +1 -0
- package/lib/typescript/components/gamma/split/index.d.ts +13 -0
- package/lib/typescript/components/gamma/split/index.d.ts.map +1 -0
- package/lib/typescript/components/gamma/stack/StackHost.d.ts +2 -2
- package/lib/typescript/components/gamma/stack/StackHost.d.ts.map +1 -1
- package/lib/typescript/components/gamma/stack/StackHost.types.d.ts +1 -1
- package/lib/typescript/components/gamma/stack/StackHost.types.d.ts.map +1 -1
- package/lib/typescript/components/gamma/stack/StackHost.web.d.ts +2 -2
- package/lib/typescript/components/gamma/stack/StackHost.web.d.ts.map +1 -1
- package/lib/typescript/experimental/index.d.ts +1 -2
- package/lib/typescript/experimental/index.d.ts.map +1 -1
- package/lib/typescript/experimental/types.d.ts +2 -2
- package/lib/typescript/experimental/types.d.ts.map +1 -1
- package/lib/typescript/fabric/gamma/{ScreenStackHostNativeComponent.d.ts → stack/StackHostNativeComponent.d.ts} +1 -1
- package/lib/typescript/fabric/gamma/stack/StackHostNativeComponent.d.ts.map +1 -0
- package/lib/typescript/fabric/gamma/stack/StackScreenNativeComponent.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/bottom-tabs/BottomTabsScreen.types.ts +1 -1
- package/src/components/gamma/split/SplitHost.android.tsx +8 -0
- package/src/components/gamma/{split-view/SplitViewHost.tsx → split/SplitHost.tsx} +16 -16
- package/src/components/gamma/{split-view/SplitViewHost.types.ts → split/SplitHost.types.ts} +34 -41
- package/src/components/gamma/split/SplitHost.web.tsx +8 -0
- package/src/components/gamma/{split-view/SplitViewScreen.android.tsx → split/SplitScreen.android.tsx} +1 -1
- package/src/components/gamma/{split-view/SplitViewScreen.tsx → split/SplitScreen.tsx} +5 -5
- package/src/components/gamma/{split-view/SplitViewScreen.types.ts → split/SplitScreen.types.ts} +6 -6
- package/src/components/gamma/split/SplitScreen.web.tsx +20 -0
- package/src/components/gamma/split/index.ts +16 -0
- package/src/components/gamma/stack/StackHost.tsx +5 -5
- package/src/components/gamma/stack/StackHost.types.ts +1 -1
- package/src/components/gamma/stack/StackHost.web.tsx +3 -2
- package/src/components/gamma/stack/StackScreen.tsx +1 -1
- package/src/experimental/index.ts +1 -2
- package/src/experimental/types.ts +2 -2
- package/src/fabric/gamma/{ScreenStackHostNativeComponent.ts → stack/StackHostNativeComponent.ts} +1 -1
- package/ios/gamma/stack/RNSScreenStackHostComponentViewManager.mm +0 -7
- package/lib/commonjs/components/gamma/split-view/SplitViewHost.android.js +0 -12
- package/lib/commonjs/components/gamma/split-view/SplitViewHost.android.js.map +0 -1
- package/lib/commonjs/components/gamma/split-view/SplitViewHost.js.map +0 -1
- package/lib/commonjs/components/gamma/split-view/SplitViewHost.types.js.map +0 -1
- package/lib/commonjs/components/gamma/split-view/SplitViewHost.web.js +0 -12
- package/lib/commonjs/components/gamma/split-view/SplitViewHost.web.js.map +0 -1
- package/lib/commonjs/components/gamma/split-view/SplitViewScreen.android.js +0 -17
- package/lib/commonjs/components/gamma/split-view/SplitViewScreen.android.js.map +0 -1
- package/lib/commonjs/components/gamma/split-view/SplitViewScreen.js.map +0 -1
- package/lib/commonjs/components/gamma/split-view/SplitViewScreen.types.js.map +0 -1
- package/lib/commonjs/components/gamma/split-view/SplitViewScreen.web.js.map +0 -1
- package/lib/commonjs/fabric/gamma/ScreenStackHostNativeComponent.js.map +0 -1
- package/lib/commonjs/fabric/gamma/StackScreenNativeComponent.js.map +0 -1
- package/lib/module/components/gamma/split-view/SplitViewHost.android.js +0 -6
- package/lib/module/components/gamma/split-view/SplitViewHost.android.js.map +0 -1
- package/lib/module/components/gamma/split-view/SplitViewHost.js.map +0 -1
- package/lib/module/components/gamma/split-view/SplitViewHost.types.js +0 -2
- package/lib/module/components/gamma/split-view/SplitViewHost.types.js.map +0 -1
- package/lib/module/components/gamma/split-view/SplitViewHost.web.js +0 -6
- package/lib/module/components/gamma/split-view/SplitViewHost.web.js.map +0 -1
- package/lib/module/components/gamma/split-view/SplitViewScreen.android.js +0 -11
- package/lib/module/components/gamma/split-view/SplitViewScreen.android.js.map +0 -1
- package/lib/module/components/gamma/split-view/SplitViewScreen.js.map +0 -1
- package/lib/module/components/gamma/split-view/SplitViewScreen.types.js +0 -2
- package/lib/module/components/gamma/split-view/SplitViewScreen.types.js.map +0 -1
- package/lib/module/components/gamma/split-view/SplitViewScreen.web.js +0 -11
- package/lib/module/components/gamma/split-view/SplitViewScreen.web.js.map +0 -1
- package/lib/module/fabric/gamma/ScreenStackHostNativeComponent.js +0 -5
- package/lib/module/fabric/gamma/ScreenStackHostNativeComponent.js.map +0 -1
- package/lib/module/fabric/gamma/StackScreenNativeComponent.js.map +0 -1
- package/lib/typescript/components/gamma/split-view/SplitViewHost.android.d.ts +0 -3
- package/lib/typescript/components/gamma/split-view/SplitViewHost.android.d.ts.map +0 -1
- package/lib/typescript/components/gamma/split-view/SplitViewHost.d.ts +0 -8
- package/lib/typescript/components/gamma/split-view/SplitViewHost.d.ts.map +0 -1
- package/lib/typescript/components/gamma/split-view/SplitViewHost.types.d.ts.map +0 -1
- package/lib/typescript/components/gamma/split-view/SplitViewHost.web.d.ts +0 -3
- package/lib/typescript/components/gamma/split-view/SplitViewHost.web.d.ts.map +0 -1
- package/lib/typescript/components/gamma/split-view/SplitViewScreen.android.d.ts +0 -6
- package/lib/typescript/components/gamma/split-view/SplitViewScreen.android.d.ts.map +0 -1
- package/lib/typescript/components/gamma/split-view/SplitViewScreen.d.ts +0 -19
- package/lib/typescript/components/gamma/split-view/SplitViewScreen.d.ts.map +0 -1
- package/lib/typescript/components/gamma/split-view/SplitViewScreen.types.d.ts.map +0 -1
- package/lib/typescript/components/gamma/split-view/SplitViewScreen.web.d.ts.map +0 -1
- package/lib/typescript/fabric/gamma/ScreenStackHostNativeComponent.d.ts.map +0 -1
- package/lib/typescript/fabric/gamma/StackScreenNativeComponent.d.ts.map +0 -1
- package/src/components/gamma/split-view/SplitViewHost.android.tsx +0 -8
- package/src/components/gamma/split-view/SplitViewHost.web.tsx +0 -8
- package/src/components/gamma/split-view/SplitViewScreen.web.tsx +0 -11
- /package/ios/gamma/stack/{RNSStackScreenComponentEventEmitter.h → screen/RNSStackScreenComponentEventEmitter.h} +0 -0
- /package/ios/gamma/stack/{RNSStackScreenComponentEventEmitter.mm → screen/RNSStackScreenComponentEventEmitter.mm} +0 -0
- /package/ios/gamma/stack/{RNSStackScreenComponentViewManager.h → screen/RNSStackScreenComponentViewManager.h} +0 -0
- /package/ios/gamma/stack/{RNSStackScreenComponentViewManager.mm → screen/RNSStackScreenComponentViewManager.mm} +0 -0
- /package/lib/commonjs/fabric/gamma/{StackScreenNativeComponent.js → stack/StackScreenNativeComponent.js} +0 -0
- /package/lib/module/fabric/gamma/{StackScreenNativeComponent.js → stack/StackScreenNativeComponent.js} +0 -0
- /package/lib/typescript/fabric/gamma/{StackScreenNativeComponent.d.ts → stack/StackScreenNativeComponent.d.ts} +0 -0
- /package/src/fabric/gamma/{StackScreenNativeComponent.ts → stack/StackScreenNativeComponent.ts} +0 -0
|
@@ -4,53 +4,53 @@ export type DisplayModeWillChangeEvent = {
|
|
|
4
4
|
currentDisplayMode: string;
|
|
5
5
|
nextDisplayMode: string;
|
|
6
6
|
};
|
|
7
|
-
export type
|
|
8
|
-
export type
|
|
9
|
-
export type
|
|
10
|
-
export type
|
|
11
|
-
export type
|
|
12
|
-
export type
|
|
13
|
-
export interface
|
|
7
|
+
export type SplitDisplayModeButtonVisibility = 'always' | 'automatic' | 'never';
|
|
8
|
+
export type SplitBehavior = 'automatic' | 'displace' | 'overlay' | 'tile';
|
|
9
|
+
export type SplitPrimaryEdge = 'leading' | 'trailing';
|
|
10
|
+
export type SplitPrimaryBackgroundStyle = 'default' | 'none' | 'sidebar';
|
|
11
|
+
export type SplitDisplayMode = 'automatic' | 'secondaryOnly' | 'oneBesideSecondary' | 'oneOverSecondary' | 'twoBesideSecondary' | 'twoOverSecondary' | 'twoDisplaceSecondary';
|
|
12
|
+
export type SplitHostOrientation = 'inherit' | 'all' | 'allButUpsideDown' | 'portrait' | 'portraitUp' | 'portraitDown' | 'landscape' | 'landscapeLeft' | 'landscapeRight';
|
|
13
|
+
export interface SplitColumnMetrics {
|
|
14
14
|
/**
|
|
15
15
|
* @summary Minimum width for the primary sidebar.
|
|
16
16
|
*
|
|
17
|
-
* Specifies the minimum width for the primary column in the
|
|
17
|
+
* Specifies the minimum width for the primary column in the Split layout, typically representing the leftmost sidebar.
|
|
18
18
|
*/
|
|
19
19
|
minimumPrimaryColumnWidth?: number;
|
|
20
20
|
/**
|
|
21
21
|
* @summary Maximum width for the primary sidebar.
|
|
22
22
|
*
|
|
23
|
-
* Specifies the maximum width (in points) for the primary column in the
|
|
23
|
+
* Specifies the maximum width (in points) for the primary column in the Split layout, typically representing the leftmost sidebar.
|
|
24
24
|
*/
|
|
25
25
|
maximumPrimaryColumnWidth?: number;
|
|
26
26
|
/**
|
|
27
27
|
* @summary Preferred width for the primary sidebar.
|
|
28
28
|
*
|
|
29
|
-
* Specifies the preferred width (in points or as a fraction for percentage width support) for the primary column in the
|
|
29
|
+
* Specifies the preferred width (in points or as a fraction for percentage width support) for the primary column in the Split layout, typically representing the leftmost sidebar.
|
|
30
30
|
*/
|
|
31
31
|
preferredPrimaryColumnWidthOrFraction?: number;
|
|
32
32
|
/**
|
|
33
33
|
* @summary Minimum width for the intermediate sidebar.
|
|
34
34
|
*
|
|
35
|
-
* Specifies the minimum width (in points) for the supplementary column in the
|
|
35
|
+
* Specifies the minimum width (in points) for the supplementary column in the Split layout, typically representing the intermediate sidebar.
|
|
36
36
|
*/
|
|
37
37
|
minimumSupplementaryColumnWidth?: number;
|
|
38
38
|
/**
|
|
39
39
|
* @summary Maximum width for the intermediate sidebar.
|
|
40
40
|
*
|
|
41
|
-
* Specifies the maximum width (in points) for the supplementary column in the
|
|
41
|
+
* Specifies the maximum width (in points) for the supplementary column in the Split layout, typically representing the intermediate sidebar.
|
|
42
42
|
*/
|
|
43
43
|
maximumSupplementaryColumnWidth?: number;
|
|
44
44
|
/**
|
|
45
45
|
* @summary Preferred width for the intermediate sidebar.
|
|
46
46
|
*
|
|
47
|
-
* Specifies the preferred width (in points or as a fraction for percentage width support) for the supplementary column in the
|
|
47
|
+
* Specifies the preferred width (in points or as a fraction for percentage width support) for the supplementary column in the Split layout, typically representing the intermediate sidebar.
|
|
48
48
|
*/
|
|
49
49
|
preferredSupplementaryColumnWidthOrFraction?: number;
|
|
50
50
|
/**
|
|
51
51
|
* @summary Minimum width for the secondary component.
|
|
52
52
|
*
|
|
53
|
-
* Specifies the minimum width (in points) for the secondary column in the
|
|
53
|
+
* Specifies the minimum width (in points) for the secondary column in the Split layout, typically for the view with the main content.
|
|
54
54
|
*
|
|
55
55
|
* @supported iOS 26 or higher
|
|
56
56
|
*/
|
|
@@ -58,7 +58,7 @@ export interface SplitViewColumnMetrics {
|
|
|
58
58
|
/**
|
|
59
59
|
* @summary Preferred width for the secondary component.
|
|
60
60
|
*
|
|
61
|
-
* Specifies the preferred width (in points or as a fraction for percentage width support) for the secondary column in the
|
|
61
|
+
* Specifies the preferred width (in points or as a fraction for percentage width support) for the secondary column in the Split layout, typically for the view with the main content.
|
|
62
62
|
*
|
|
63
63
|
* @supported iOS 26 or higher
|
|
64
64
|
*/
|
|
@@ -66,7 +66,7 @@ export interface SplitViewColumnMetrics {
|
|
|
66
66
|
/**
|
|
67
67
|
* @summary Minimum width for the inspector component.
|
|
68
68
|
*
|
|
69
|
-
* Specifies the minimum width (in points) for the inspector column in the
|
|
69
|
+
* Specifies the minimum width (in points) for the inspector column in the Split layout, typically the view which is providing additional data about the secondary column.
|
|
70
70
|
*
|
|
71
71
|
* @supported iOS 26 or higher
|
|
72
72
|
*/
|
|
@@ -74,7 +74,7 @@ export interface SplitViewColumnMetrics {
|
|
|
74
74
|
/**
|
|
75
75
|
* @summary Maximum width for the inspector component.
|
|
76
76
|
*
|
|
77
|
-
* Specifies the maximum width (in points) for the inspector column in the
|
|
77
|
+
* Specifies the maximum width (in points) for the inspector column in the Split layout, typically the view which is providing additional data about the secondary column.
|
|
78
78
|
*
|
|
79
79
|
* @supported iOS 26 or higher
|
|
80
80
|
*/
|
|
@@ -82,13 +82,13 @@ export interface SplitViewColumnMetrics {
|
|
|
82
82
|
/**
|
|
83
83
|
* @summary Preferred width for the inspector component.
|
|
84
84
|
*
|
|
85
|
-
* Specifies the preferred width (in points or as a fraction for percentage width support) for the inspector column in the
|
|
85
|
+
* Specifies the preferred width (in points or as a fraction for percentage width support) for the inspector column in the Split layout, typically the view which is providing additional data about the secondary column.
|
|
86
86
|
*
|
|
87
87
|
* @supported iOS 26 or higher
|
|
88
88
|
*/
|
|
89
89
|
preferredInspectorColumnWidthOrFraction?: number;
|
|
90
90
|
}
|
|
91
|
-
export interface
|
|
91
|
+
export interface SplitHostProps extends ViewProps {
|
|
92
92
|
children?: React.ReactNode;
|
|
93
93
|
/**
|
|
94
94
|
* @summary An object describing bounds for column widths.
|
|
@@ -103,9 +103,9 @@ export interface SplitViewHostProps extends ViewProps {
|
|
|
103
103
|
* - `secondary` - the view with the main content
|
|
104
104
|
* - `inspector` - the view which is providing additional data about the secondary column
|
|
105
105
|
*/
|
|
106
|
-
columnMetrics?:
|
|
106
|
+
columnMetrics?: SplitColumnMetrics;
|
|
107
107
|
/**
|
|
108
|
-
* @summary Determines whether the button for changing the
|
|
108
|
+
* @summary Determines whether the button for changing the Split display mode is visible on the screen.
|
|
109
109
|
*
|
|
110
110
|
* The following values are currently supported:
|
|
111
111
|
*
|
|
@@ -118,26 +118,26 @@ export interface SplitViewHostProps extends ViewProps {
|
|
|
118
118
|
*
|
|
119
119
|
* @default automatic
|
|
120
120
|
*/
|
|
121
|
-
displayModeButtonVisibility?:
|
|
121
|
+
displayModeButtonVisibility?: SplitDisplayModeButtonVisibility;
|
|
122
122
|
/**
|
|
123
|
-
* @summary A callback that gets invoked when the
|
|
123
|
+
* @summary A callback that gets invoked when the Split was collapsed to a single column.
|
|
124
124
|
*/
|
|
125
125
|
onCollapse?: (e: NativeSyntheticEvent<GenericEmptyEvent>) => void;
|
|
126
126
|
/**
|
|
127
|
-
* @summary A callback that gets invoked when the
|
|
127
|
+
* @summary A callback that gets invoked when the Split displayMode has changed.
|
|
128
128
|
*
|
|
129
129
|
* The purpose of this callback is tracking displayMode updates on host from the JS side.
|
|
130
130
|
* These updates might be a consequence of some native interactions, like pressing native button or performing swipe gesture.
|
|
131
131
|
*/
|
|
132
132
|
onDisplayModeWillChange?: (e: NativeSyntheticEvent<DisplayModeWillChangeEvent>) => void;
|
|
133
133
|
/**
|
|
134
|
-
* @summary A callback that gets invoked when the
|
|
134
|
+
* @summary A callback that gets invoked when the Split was expanded to multiple columns.
|
|
135
135
|
*/
|
|
136
136
|
onExpand?: (e: NativeSyntheticEvent<GenericEmptyEvent>) => void;
|
|
137
137
|
/**
|
|
138
|
-
* @summary A callback that gets invoked when the
|
|
138
|
+
* @summary A callback that gets invoked when the Split inspector is either programmatically hidden (in column presentation) or dismissed (in modal presentation).
|
|
139
139
|
*
|
|
140
|
-
* The purpose of this callback depends on whether the
|
|
140
|
+
* The purpose of this callback depends on whether the Split is collapsed or expanded.
|
|
141
141
|
*
|
|
142
142
|
* @supported iOS 26 or higher
|
|
143
143
|
*/
|
|
@@ -184,7 +184,7 @@ export interface SplitViewHostProps extends ViewProps {
|
|
|
184
184
|
*
|
|
185
185
|
* @platform ios
|
|
186
186
|
*/
|
|
187
|
-
orientation?:
|
|
187
|
+
orientation?: SplitHostOrientation;
|
|
188
188
|
/**
|
|
189
189
|
* @summary Determines whether gestures are enabled to change the display mode.
|
|
190
190
|
*/
|
|
@@ -209,7 +209,7 @@ export interface SplitViewHostProps extends ViewProps {
|
|
|
209
209
|
*
|
|
210
210
|
* @default automatic
|
|
211
211
|
*/
|
|
212
|
-
preferredDisplayMode?:
|
|
212
|
+
preferredDisplayMode?: SplitDisplayMode;
|
|
213
213
|
/**
|
|
214
214
|
* @summary Specifies the split behavior which will be preferred to use, if the layout requirements are met.
|
|
215
215
|
*
|
|
@@ -227,7 +227,7 @@ export interface SplitViewHostProps extends ViewProps {
|
|
|
227
227
|
*
|
|
228
228
|
* @default automatic
|
|
229
229
|
*/
|
|
230
|
-
preferredSplitBehavior?:
|
|
230
|
+
preferredSplitBehavior?: SplitBehavior;
|
|
231
231
|
/**
|
|
232
232
|
* @summary Specifies the background style of the primary view controller.
|
|
233
233
|
*
|
|
@@ -249,7 +249,7 @@ export interface SplitViewHostProps extends ViewProps {
|
|
|
249
249
|
* @remarks
|
|
250
250
|
* According to the documentation, this property shouldn't have any effect on iOS. However, on iOS 26 the support for this prop was added.
|
|
251
251
|
*/
|
|
252
|
-
primaryBackgroundStyle?:
|
|
252
|
+
primaryBackgroundStyle?: SplitPrimaryBackgroundStyle;
|
|
253
253
|
/**
|
|
254
254
|
* @summary Indicates on which side primary sidebar is placed, affecting the split view layout.
|
|
255
255
|
*
|
|
@@ -263,12 +263,12 @@ export interface SplitViewHostProps extends ViewProps {
|
|
|
263
263
|
*
|
|
264
264
|
* @default leading
|
|
265
265
|
*/
|
|
266
|
-
primaryEdge?:
|
|
266
|
+
primaryEdge?: SplitPrimaryEdge;
|
|
267
267
|
/**
|
|
268
268
|
* @summary Determines whether inspector column should be displayed.
|
|
269
269
|
*
|
|
270
|
-
* Inspector will be displayed on the trailing edge of the main (secondary) column (for expanded
|
|
271
|
-
* The result on the interface for this prop depends on whether the
|
|
270
|
+
* Inspector will be displayed on the trailing edge of the main (secondary) column (for expanded Split) or as a modal (for collapsed Split).
|
|
271
|
+
* The result on the interface for this prop depends on whether the Split is collapsed or expanded.
|
|
272
272
|
*
|
|
273
273
|
* @supported iOS 26 or higher
|
|
274
274
|
*/
|
|
@@ -279,4 +279,4 @@ export interface SplitViewHostProps extends ViewProps {
|
|
|
279
279
|
showSecondaryToggleButton?: boolean;
|
|
280
280
|
}
|
|
281
281
|
export {};
|
|
282
|
-
//# sourceMappingURL=
|
|
282
|
+
//# sourceMappingURL=SplitHost.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitHost.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/split/SplitHost.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitHost.web.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/split/SplitHost.web.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS,YAKd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitScreen.android.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/split/SplitScreen.android.tsx"],"names":[],"mappings":";;;;AAUA,wBAAqC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SplitScreenProps } from './SplitScreen.types';
|
|
3
|
+
/**
|
|
4
|
+
* EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
|
|
5
|
+
*/
|
|
6
|
+
declare function Column(props: SplitScreenProps): React.JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
|
|
9
|
+
*/
|
|
10
|
+
declare function Inspector(props: SplitScreenProps): React.JSX.Element;
|
|
11
|
+
/**
|
|
12
|
+
* EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
|
|
13
|
+
*/
|
|
14
|
+
declare const SplitScreen: {
|
|
15
|
+
Column: typeof Column;
|
|
16
|
+
Inspector: typeof Inspector;
|
|
17
|
+
};
|
|
18
|
+
export default SplitScreen;
|
|
19
|
+
//# sourceMappingURL=SplitScreen.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitScreen.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/split/SplitScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;GAEG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,gBAAgB,qBAStC;AAED;;GAEG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,gBAAgB,qBASzC;AAED;;GAEG;AAEH,QAAA,MAAM,WAAW;;;CAGhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import type { NativeSyntheticEvent, ViewProps } from 'react-native';
|
|
2
2
|
type GenericEmptyEvent = Readonly<{}>;
|
|
3
|
-
export type
|
|
4
|
-
export interface
|
|
3
|
+
export type SplitScreenColumnType = 'column' | 'inspector';
|
|
4
|
+
export interface SplitScreenProps extends ViewProps {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
/**
|
|
7
|
-
* @summary A callback that gets invoked when the current
|
|
7
|
+
* @summary A callback that gets invoked when the current SplitScreen did appear.
|
|
8
8
|
*
|
|
9
9
|
* This is called as soon as the transition ends.
|
|
10
10
|
*/
|
|
11
11
|
onDidAppear?: (e: NativeSyntheticEvent<GenericEmptyEvent>) => void;
|
|
12
12
|
/**
|
|
13
|
-
* @summary A callback that gets invoked when the current
|
|
13
|
+
* @summary A callback that gets invoked when the current SplitScreen did disappear.
|
|
14
14
|
*
|
|
15
15
|
* This is called as soon as the transition ends.
|
|
16
16
|
*/
|
|
17
17
|
onDidDisappear?: (e: NativeSyntheticEvent<GenericEmptyEvent>) => void;
|
|
18
18
|
/**
|
|
19
|
-
* @summary A callback that gets invoked when the current
|
|
19
|
+
* @summary A callback that gets invoked when the current SplitScreen will appear.
|
|
20
20
|
*
|
|
21
21
|
* This is called as soon as the transition begins.
|
|
22
22
|
*/
|
|
23
23
|
onWillAppear?: (e: NativeSyntheticEvent<GenericEmptyEvent>) => void;
|
|
24
24
|
/**
|
|
25
|
-
* @summary A callback that gets invoked when the current
|
|
25
|
+
* @summary A callback that gets invoked when the current SplitScreen will disappear.
|
|
26
26
|
*
|
|
27
27
|
* This is called as soon as the transition begins.
|
|
28
28
|
*/
|
|
29
29
|
onWillDisappear?: (e: NativeSyntheticEvent<GenericEmptyEvent>) => void;
|
|
30
30
|
}
|
|
31
31
|
export {};
|
|
32
|
-
//# sourceMappingURL=
|
|
32
|
+
//# sourceMappingURL=SplitScreen.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitScreen.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/split/SplitScreen.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,KAAK,iBAAiB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEtC,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE3D,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACtE;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACxE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitScreen.web.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/split/SplitScreen.web.tsx"],"names":[],"mappings":"AAUA;;GAEG;AAEH,QAAA,MAAM,WAAW;;;CAGhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import SplitHost from './SplitHost';
|
|
2
|
+
export * from './SplitHost.types';
|
|
3
|
+
export * from './SplitScreen.types';
|
|
4
|
+
/**
|
|
5
|
+
* EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
|
|
6
|
+
*/
|
|
7
|
+
declare const Split: {
|
|
8
|
+
Host: typeof SplitHost;
|
|
9
|
+
Column: (props: import("./SplitScreen.types").SplitScreenProps) => import("react").JSX.Element;
|
|
10
|
+
Inspector: (props: import("./SplitScreen.types").SplitScreenProps) => import("react").JSX.Element;
|
|
11
|
+
};
|
|
12
|
+
export default Split;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/split/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AAGpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,QAAA,MAAM,KAAK;;;;CAIV,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { StackHostProps } from './StackHost.types';
|
|
3
3
|
/**
|
|
4
4
|
* EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
|
|
5
5
|
*/
|
|
6
|
-
declare function StackHost({ children }:
|
|
6
|
+
declare function StackHost({ children }: StackHostProps): React.JSX.Element;
|
|
7
7
|
export default StackHost;
|
|
8
8
|
//# sourceMappingURL=StackHost.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackHost.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/stack/StackHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"StackHost.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/stack/StackHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD;;GAEG;AACH,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,qBAM9C;AAQD,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackHost.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/stack/StackHost.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"StackHost.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/stack/StackHost.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CAClC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { View, ViewProps } from 'react-native';
|
|
2
2
|
export type ScreenStackNativeProps = ViewProps;
|
|
3
|
-
declare const
|
|
4
|
-
export default
|
|
3
|
+
declare const StackHost: typeof View;
|
|
4
|
+
export default StackHost;
|
|
5
5
|
//# sourceMappingURL=StackHost.web.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackHost.web.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/stack/StackHost.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"StackHost.web.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/stack/StackHost.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/C,MAAM,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAE/C,QAAA,MAAM,SAAS,aAAO,CAAC;AAEvB,eAAe,SAAS,CAAC"}
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
export * from './types';
|
|
6
6
|
export { default as Stack, StackScreenLifecycleState, } from '../components/gamma/stack';
|
|
7
|
-
export { default as
|
|
8
|
-
export { default as SplitViewScreen } from '../components/gamma/split-view/SplitViewScreen';
|
|
7
|
+
export { default as Split } from '../components/gamma/split';
|
|
9
8
|
export { default as SafeAreaView } from '../components/safe-area/SafeAreaView';
|
|
10
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/experimental/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,cAAc,SAAS,CAAC;AAIxB,OAAO,EACL,OAAO,IAAI,KAAK,EAChB,yBAAyB,GAC1B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/experimental/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,cAAc,SAAS,CAAC;AAIxB,OAAO,EACL,OAAO,IAAI,KAAK,EAChB,yBAAyB,GAC1B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
* ALL SYMBOLS EXPOSED FROM THIS MODULE ARE EXPERIMENTAL AND MIGHT
|
|
3
3
|
* BE SUBJECT TO BREAKING CHANGES WITHOUT NOTICE OR LIBRARY MAJOR VERSION CHANGE.
|
|
4
4
|
*/
|
|
5
|
-
export * from '../components/gamma/split-view/SplitViewHost.types';
|
|
6
|
-
export * from '../components/gamma/split-view/SplitViewScreen.types';
|
|
7
5
|
export * from '../components/gamma/stack/StackHost.types';
|
|
6
|
+
export * from '../components/gamma/split/SplitHost.types';
|
|
7
|
+
export * from '../components/gamma/split/SplitScreen.types';
|
|
8
8
|
export * from '../components/gamma/stack/StackScreen.types';
|
|
9
9
|
export * from '../components/safe-area/SafeAreaView.types';
|
|
10
10
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/experimental/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/experimental/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,4CAA4C,CAAC"}
|
|
@@ -3,4 +3,4 @@ export interface NativeProps extends ViewProps {
|
|
|
3
3
|
}
|
|
4
4
|
declare const _default: import("react-native").HostComponent<NativeProps>;
|
|
5
5
|
export default _default;
|
|
6
|
-
//# sourceMappingURL=
|
|
6
|
+
//# sourceMappingURL=StackHostNativeComponent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StackHostNativeComponent.d.ts","sourceRoot":"","sources":["../../../../../src/fabric/gamma/stack/StackHostNativeComponent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,WAAW,WAAY,SAAQ,SAAS;CAAG;;AAEjD,wBAAuE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StackScreenNativeComponent.d.ts","sourceRoot":"","sources":["../../../../../src/fabric/gamma/stack/StackScreenNativeComponent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIlE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE7C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAE5C,iBAAiB,EAAE,EAAE,CAAC,KAAK,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAGlB,YAAY,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACxD,WAAW,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;CAC3D;;AAED,wBAAyE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-screens",
|
|
3
|
-
"version": "4.20.0-nightly-
|
|
3
|
+
"version": "4.20.0-nightly-20251218-06a5812f7",
|
|
4
4
|
"description": "Native navigation primitives for your React Native app.",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"submodules": "git submodule update --init --recursive && (cd react-navigation && yarn && yarn build && cd ../)",
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
"ios": {
|
|
166
166
|
"componentProvider": {
|
|
167
167
|
"RNSStackScreen": "RNSStackScreenComponentView",
|
|
168
|
-
"
|
|
168
|
+
"RNSStackHost": "RNSStackHostComponentView",
|
|
169
169
|
"RNSBottomTabsScreen": "RNSBottomTabsScreenComponentView",
|
|
170
170
|
"RNSBottomTabs": "RNSBottomTabsHostComponentView",
|
|
171
171
|
"RNSBottomTabsAccessory": "RNSBottomTabsAccessoryComponentView",
|
|
@@ -222,8 +222,8 @@
|
|
|
222
222
|
"RNSStackScreen": {
|
|
223
223
|
"className": "RNSStackScreenComponentView"
|
|
224
224
|
},
|
|
225
|
-
"
|
|
226
|
-
"className": "
|
|
225
|
+
"RNSStackHost": {
|
|
226
|
+
"className": "RNSStackHostComponentView"
|
|
227
227
|
},
|
|
228
228
|
"RNSBottomTabsScreen": {
|
|
229
229
|
"className": "RNSBottomTabsScreenComponentView"
|
|
@@ -413,7 +413,7 @@ export interface BottomTabsScreenProps {
|
|
|
413
413
|
* is queried.
|
|
414
414
|
*
|
|
415
415
|
* Note that:
|
|
416
|
-
* - some components (like `
|
|
416
|
+
* - some components (like `SplitHost`) may choose not to query
|
|
417
417
|
* its child components,
|
|
418
418
|
* - Stack v4 implementation **ALWAYS** returns some supported
|
|
419
419
|
* orientations (`allButUpsideDown` by default), overriding
|
|
@@ -2,19 +2,19 @@ import React from 'react';
|
|
|
2
2
|
import { StyleSheet } from 'react-native';
|
|
3
3
|
import SplitViewHostNativeComponent from '../../../fabric/gamma/SplitViewHostNativeComponent';
|
|
4
4
|
import type {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
} from './
|
|
9
|
-
import
|
|
5
|
+
SplitDisplayMode,
|
|
6
|
+
SplitHostProps,
|
|
7
|
+
SplitBehavior,
|
|
8
|
+
} from './SplitHost.types';
|
|
9
|
+
import SplitScreen from './SplitScreen';
|
|
10
10
|
|
|
11
11
|
// According to the UIKit documentation: https://developer.apple.com/documentation/uikit/uisplitviewcontroller/displaymode-swift.enum
|
|
12
12
|
// Only specific pairs for displayMode - splitBehavior are valid and others may lead to unexpected results.
|
|
13
13
|
// Therefore, we're adding check on the JS side to return a feedback to the client when that pairing isn't valid.
|
|
14
14
|
// However, we're not blocking these props to be set on the native side, because it doesn't crash, just the result or transitions may not work as expected.
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
const displayModeForSplitCompatibilityMap: Record<
|
|
16
|
+
SplitBehavior,
|
|
17
|
+
SplitDisplayMode[]
|
|
18
18
|
> = {
|
|
19
19
|
tile: ['secondaryOnly', 'oneBesideSecondary', 'twoBesideSecondary'],
|
|
20
20
|
overlay: ['secondaryOnly', 'oneOverSecondary', 'twoOverSecondary'],
|
|
@@ -23,14 +23,14 @@ const displayModeForSplitViewCompatibilityMap: Record<
|
|
|
23
23
|
};
|
|
24
24
|
|
|
25
25
|
const isValidDisplayModeForSplitBehavior = (
|
|
26
|
-
displayMode:
|
|
27
|
-
splitBehavior:
|
|
26
|
+
displayMode: SplitDisplayMode,
|
|
27
|
+
splitBehavior: SplitBehavior,
|
|
28
28
|
) => {
|
|
29
29
|
if (splitBehavior === 'automatic') {
|
|
30
30
|
// for automatic we cannot easily verify the compatibility, because it depends on the system preference for display mode, therefore we're assuming that 'automatic' has only valid combinations
|
|
31
31
|
return true;
|
|
32
32
|
}
|
|
33
|
-
return
|
|
33
|
+
return displayModeForSplitCompatibilityMap[splitBehavior].includes(
|
|
34
34
|
displayMode,
|
|
35
35
|
);
|
|
36
36
|
};
|
|
@@ -38,7 +38,7 @@ const isValidDisplayModeForSplitBehavior = (
|
|
|
38
38
|
/**
|
|
39
39
|
* EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
|
|
40
40
|
*/
|
|
41
|
-
function
|
|
41
|
+
function SplitHost(props: SplitHostProps) {
|
|
42
42
|
const { preferredDisplayMode, preferredSplitBehavior } = props;
|
|
43
43
|
|
|
44
44
|
React.useEffect(() => {
|
|
@@ -49,7 +49,7 @@ function SplitViewHost(props: SplitViewHostProps) {
|
|
|
49
49
|
);
|
|
50
50
|
if (!isValid) {
|
|
51
51
|
const validDisplayModes =
|
|
52
|
-
|
|
52
|
+
displayModeForSplitCompatibilityMap[preferredSplitBehavior];
|
|
53
53
|
console.warn(
|
|
54
54
|
`Invalid display mode "${preferredDisplayMode}" for split behavior "${preferredSplitBehavior}".` +
|
|
55
55
|
`\nValid modes for "${preferredSplitBehavior}" are: ${validDisplayModes.join(
|
|
@@ -64,12 +64,12 @@ function SplitViewHost(props: SplitViewHostProps) {
|
|
|
64
64
|
|
|
65
65
|
const columns = children.filter(
|
|
66
66
|
// @ts-ignore - type is valid attribute for child
|
|
67
|
-
child => child.type ===
|
|
67
|
+
child => child.type === SplitScreen.Column,
|
|
68
68
|
);
|
|
69
69
|
|
|
70
70
|
const inspectors = children.filter(
|
|
71
71
|
// @ts-ignore - type is valid attribute for child
|
|
72
|
-
child => child.type ===
|
|
72
|
+
child => child.type === SplitScreen.Inspector,
|
|
73
73
|
);
|
|
74
74
|
|
|
75
75
|
return (
|
|
@@ -91,4 +91,4 @@ const styles = StyleSheet.create({
|
|
|
91
91
|
},
|
|
92
92
|
});
|
|
93
93
|
|
|
94
|
-
export default
|
|
94
|
+
export default SplitHost;
|