react-native-screens 4.19.0-nightly-20251022-4fcc5e7e3 → 4.19.0-nightly-20251023-492dd95bd
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/README.md +1 -0
- package/ios/conversion/RNSConversions-SplitView.mm +19 -0
- package/ios/conversion/RNSConversions.h +5 -0
- package/ios/gamma/split-view/RNSSplitViewAppearanceApplicator.swift +1 -0
- package/ios/gamma/split-view/RNSSplitViewHostComponentView.h +3 -0
- package/ios/gamma/split-view/RNSSplitViewHostComponentView.mm +12 -0
- package/lib/commonjs/fabric/gamma/SplitViewHostNativeComponent.js.map +1 -1
- package/lib/module/fabric/gamma/SplitViewHostNativeComponent.js.map +1 -1
- package/lib/typescript/components/gamma/split-view/SplitViewHost.types.d.ts +23 -0
- package/lib/typescript/components/gamma/split-view/SplitViewHost.types.d.ts.map +1 -1
- package/lib/typescript/fabric/gamma/SplitViewHostNativeComponent.d.ts +2 -0
- package/lib/typescript/fabric/gamma/SplitViewHostNativeComponent.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/gamma/split-view/SplitViewHost.types.ts +24 -0
- package/src/fabric/gamma/SplitViewHostNativeComponent.ts +6 -0
package/README.md
CHANGED
|
@@ -233,6 +233,7 @@ Use `ScrollView` with prop `contentInsetAdjustmentBehavior=“automatic”` as a
|
|
|
233
233
|
| [Memory leak while moving from one screen to another in the same stack](https://github.com/software-mansion/react-native-screens/issues/843) | [explanation](https://github.com/software-mansion/react-native-screens/issues/843#issuecomment-832034119) |
|
|
234
234
|
| [LargeHeader stays small after pop/goBack/swipe gesture on iOS 14+](https://github.com/software-mansion/react-native-screens/issues/649) | [potential fix](https://github.com/software-mansion/react-native-screens/issues/649#issuecomment-712199895) |
|
|
235
235
|
| [`onScroll` and `onMomentumScrollEnd` of previous screen triggered in bottom tabs](https://github.com/software-mansion/react-native-screens/issues/1183) | [explanation](https://github.com/software-mansion/react-native-screens/issues/1183#issuecomment-949313111) |
|
|
236
|
+
| [SplitView doesn't clear the blur under primary column after switching to color with `opacity: 0`](https://github.com/software-mansion/react-native-screens/issues/3327) | [workarounds](https://github.com/software-mansion/react-native-screens/issues/3327#issuecomment-3432488799) |
|
|
236
237
|
|
|
237
238
|
## Contributing
|
|
238
239
|
|
|
@@ -60,6 +60,25 @@ UISplitViewControllerDisplayMode SplitViewPreferredDisplayModeFromHostProp(
|
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
+
#if !TARGET_OS_TV
|
|
64
|
+
UISplitViewControllerBackgroundStyle SplitViewPrimaryBackgroundStyleFromHostProp(
|
|
65
|
+
facebook::react::RNSSplitViewHostPrimaryBackgroundStyle primaryBackgroundStyle)
|
|
66
|
+
{
|
|
67
|
+
using enum facebook::react::RNSSplitViewHostPrimaryBackgroundStyle;
|
|
68
|
+
|
|
69
|
+
switch (primaryBackgroundStyle) {
|
|
70
|
+
case None:
|
|
71
|
+
return UISplitViewControllerBackgroundStyleNone;
|
|
72
|
+
case Sidebar:
|
|
73
|
+
return UISplitViewControllerBackgroundStyleSidebar;
|
|
74
|
+
case Default:
|
|
75
|
+
default:
|
|
76
|
+
UISplitViewController *tempSplitVC = [[UISplitViewController alloc] init];
|
|
77
|
+
return tempSplitVC.primaryBackgroundStyle;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
#endif // !TARGET_OS_TV
|
|
81
|
+
|
|
63
82
|
UISplitViewControllerDisplayModeButtonVisibility SplitViewDisplayModeButtonVisibilityFromHostProp(
|
|
64
83
|
react::RNSSplitViewHostDisplayModeButtonVisibility displayModeButtonVisibility)
|
|
65
84
|
{
|
|
@@ -94,6 +94,11 @@ UISplitViewControllerPrimaryEdge SplitViewPrimaryEdgeFromHostProp(react::RNSSpli
|
|
|
94
94
|
UISplitViewControllerDisplayMode SplitViewPreferredDisplayModeFromHostProp(
|
|
95
95
|
react::RNSSplitViewHostPreferredDisplayMode displayMode);
|
|
96
96
|
|
|
97
|
+
#if !TARGET_OS_TV
|
|
98
|
+
UISplitViewControllerBackgroundStyle SplitViewPrimaryBackgroundStyleFromHostProp(
|
|
99
|
+
react::RNSSplitViewHostPrimaryBackgroundStyle primaryBackgroundStyle);
|
|
100
|
+
#endif // !TARGET_OS_TV
|
|
101
|
+
|
|
97
102
|
UISplitViewControllerDisplayModeButtonVisibility SplitViewDisplayModeButtonVisibilityFromHostProp(
|
|
98
103
|
react::RNSSplitViewHostDisplayModeButtonVisibility displayModeButtonVisibility);
|
|
99
104
|
|
|
@@ -65,6 +65,7 @@ class RNSSplitViewAppearanceApplicator {
|
|
|
65
65
|
// Step 1 - general settings
|
|
66
66
|
splitViewController.displayModeButtonVisibility = splitView.displayModeButtonVisibility
|
|
67
67
|
splitViewController.preferredSplitBehavior = splitView.preferredSplitBehavior
|
|
68
|
+
splitViewController.primaryBackgroundStyle = splitView.primaryBackgroundStyle
|
|
68
69
|
splitViewController.presentsWithGesture = splitView.presentsWithGesture
|
|
69
70
|
splitViewController.primaryEdge = splitView.primaryEdge
|
|
70
71
|
splitViewController.showsSecondaryOnlyButton = splitView.showSecondaryToggleButton
|
|
@@ -35,6 +35,9 @@ NS_ASSUME_NONNULL_BEGIN
|
|
|
35
35
|
@property (nonatomic, readonly) UISplitViewControllerPrimaryEdge primaryEdge;
|
|
36
36
|
@property (nonatomic, readonly) UISplitViewControllerDisplayMode preferredDisplayMode;
|
|
37
37
|
@property (nonatomic, readonly) UISplitViewControllerDisplayModeButtonVisibility displayModeButtonVisibility;
|
|
38
|
+
#if !TARGET_OS_TV
|
|
39
|
+
@property (nonatomic, readonly) UISplitViewControllerBackgroundStyle primaryBackgroundStyle;
|
|
40
|
+
#endif // !TARGET_OS_TV
|
|
38
41
|
@property (nonatomic, readonly) BOOL presentsWithGesture;
|
|
39
42
|
@property (nonatomic, readonly) BOOL showSecondaryToggleButton;
|
|
40
43
|
@property (nonatomic, readonly) BOOL showInspector;
|
|
@@ -64,6 +64,10 @@ static const CGFloat epsilon = 1e-6;
|
|
|
64
64
|
_primaryEdge = UISplitViewControllerPrimaryEdgeLeading;
|
|
65
65
|
_preferredDisplayMode = UISplitViewControllerDisplayModeAutomatic;
|
|
66
66
|
_displayModeButtonVisibility = UISplitViewControllerDisplayModeButtonVisibilityAutomatic;
|
|
67
|
+
#if !TARGET_OS_TV
|
|
68
|
+
UISplitViewController *tempSplitVC = [[UISplitViewController alloc] init];
|
|
69
|
+
_primaryBackgroundStyle = tempSplitVC.primaryBackgroundStyle;
|
|
70
|
+
#endif // !TARGET_OS_TV
|
|
67
71
|
_presentsWithGesture = true;
|
|
68
72
|
_showSecondaryToggleButton = false;
|
|
69
73
|
_showInspector = false;
|
|
@@ -238,6 +242,14 @@ RNS_IGNORE_SUPER_CALL_END
|
|
|
238
242
|
rnscreens::conversion::SplitViewPreferredDisplayModeFromHostProp(newComponentProps.preferredDisplayMode);
|
|
239
243
|
}
|
|
240
244
|
|
|
245
|
+
#if !TARGET_OS_TV
|
|
246
|
+
if (oldComponentProps.primaryBackgroundStyle != newComponentProps.primaryBackgroundStyle) {
|
|
247
|
+
_needsSplitViewAppearanceUpdate = true;
|
|
248
|
+
_primaryBackgroundStyle =
|
|
249
|
+
rnscreens::conversion::SplitViewPrimaryBackgroundStyleFromHostProp(newComponentProps.primaryBackgroundStyle);
|
|
250
|
+
}
|
|
251
|
+
#endif // !TARGET_OS_TV
|
|
252
|
+
|
|
241
253
|
if (oldComponentProps.presentsWithGesture != newComponentProps.presentsWithGesture) {
|
|
242
254
|
_needsSplitViewAppearanceUpdate = true;
|
|
243
255
|
_presentsWithGesture = newComponentProps.presentsWithGesture;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Object","defineProperty","exports","value","default","_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","_default","codegenNativeComponent"],"sourceRoot":"../../../../src","sources":["fabric/gamma/SplitViewHostNativeComponent.ts"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA;AAIb,IAAAC,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAJ,OAAA,EAAAI,CAAA;AAD7F;AAQA;AAAA,IAAAE,QAAA,GAAAR,OAAA,CAAAE,OAAA,
|
|
1
|
+
{"version":3,"names":["Object","defineProperty","exports","value","default","_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","_default","codegenNativeComponent"],"sourceRoot":"../../../../src","sources":["fabric/gamma/SplitViewHostNativeComponent.ts"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA;AAIb,IAAAC,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAJ,OAAA,EAAAI,CAAA;AAD7F;AAQA;AAAA,IAAAE,QAAA,GAAAR,OAAA,CAAAE,OAAA,GAmFe,IAAAO,+BAAsB,EAAc,kBAAkB,EAAE,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"../../../../src","sources":["fabric/gamma/SplitViewHostNativeComponent.ts"],"mappings":"AAAA,YAAY;;AAGZ;AACA,OAAOA,sBAAsB,MAAM,yDAAyD;;AAO5F;;
|
|
1
|
+
{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"../../../../src","sources":["fabric/gamma/SplitViewHostNativeComponent.ts"],"mappings":"AAAA,YAAY;;AAGZ;AACA,OAAOA,sBAAsB,MAAM,yDAAyD;;AAO5F;;AAmFA,eAAeA,sBAAsB,CAAc,kBAAkB,EAAE,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ export type DisplayModeWillChangeEvent = {
|
|
|
7
7
|
export type SplitViewDisplayModeButtonVisibility = 'always' | 'automatic' | 'never';
|
|
8
8
|
export type SplitViewSplitBehavior = 'automatic' | 'displace' | 'overlay' | 'tile';
|
|
9
9
|
export type SplitViewPrimaryEdge = 'leading' | 'trailing';
|
|
10
|
+
export type SplitViewPrimaryBackgroundStyle = 'default' | 'none' | 'sidebar';
|
|
10
11
|
export type SplitViewDisplayMode = 'automatic' | 'secondaryOnly' | 'oneBesideSecondary' | 'oneOverSecondary' | 'twoBesideSecondary' | 'twoOverSecondary' | 'twoDisplaceSecondary';
|
|
11
12
|
export type SplitViewHostOrientation = 'inherit' | 'all' | 'allButUpsideDown' | 'portrait' | 'portraitUp' | 'portraitDown' | 'landscape' | 'landscapeLeft' | 'landscapeRight';
|
|
12
13
|
export interface SplitViewColumnMetrics {
|
|
@@ -227,6 +228,28 @@ export interface SplitViewHostProps extends ViewProps {
|
|
|
227
228
|
* @default automatic
|
|
228
229
|
*/
|
|
229
230
|
preferredSplitBehavior?: SplitViewSplitBehavior;
|
|
231
|
+
/**
|
|
232
|
+
* @summary Specifies the background style of the primary view controller.
|
|
233
|
+
*
|
|
234
|
+
* On iOS 18 or lower, we always fall back to `none` which is a system default value. Since iOS 26 the system default value is `sidebar`.
|
|
235
|
+
*
|
|
236
|
+
* The following values are currently supported:
|
|
237
|
+
*
|
|
238
|
+
* - `default` - chosen by the OS, the appropriate background style is based on the device preferences
|
|
239
|
+
* - `none` - a style that has no visual effect on the background appearance of the primary view controller
|
|
240
|
+
* - `sidebar` - a style that applies a blurred effect to the background of the primary view controller
|
|
241
|
+
*
|
|
242
|
+
* The supported values correspond to the official UIKit documentation:
|
|
243
|
+
* @see {@link https://developer.apple.com/documentation/uikit/uisplitviewcontroller/backgroundstyle|UISplitViewController.BackgroundStyle}
|
|
244
|
+
*
|
|
245
|
+
* @default default
|
|
246
|
+
*
|
|
247
|
+
* @supported iOS 26 or higher
|
|
248
|
+
*
|
|
249
|
+
* @remarks
|
|
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
|
+
*/
|
|
252
|
+
primaryBackgroundStyle?: SplitViewPrimaryBackgroundStyle;
|
|
230
253
|
/**
|
|
231
254
|
* @summary Indicates on which side primary sidebar is placed, affecting the split view layout.
|
|
232
255
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitViewHost.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/split-view/SplitViewHost.types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SplitViewHost.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/split-view/SplitViewHost.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,0BAA0B,GAAG;IACvC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,oCAAoC,GAC5C,QAAQ,GACR,WAAW,GACX,OAAO,CAAC;AAEZ,MAAM,MAAM,sBAAsB,GAC9B,WAAW,GACX,UAAU,GACV,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,+BAA+B,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7E,MAAM,MAAM,oBAAoB,GAC5B,WAAW,GACX,eAAe,GACf,oBAAoB,GACpB,kBAAkB,GAClB,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,CAAC;AAE3B,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,KAAK,GACL,kBAAkB,GAClB,UAAU,GACV,YAAY,GACZ,cAAc,GACd,WAAW,GACX,eAAe,GACf,gBAAgB,CAAC;AAErB,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,qCAAqC,CAAC,EAAE,MAAM,CAAC;IAC/C;;;;OAIG;IACH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC;;;;OAIG;IACH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC;;;;OAIG;IACH,2CAA2C,CAAC,EAAE,MAAM,CAAC;IACrD;;;;;;OAMG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;;;;;OAMG;IACH,uCAAuC,CAAC,EAAE,MAAM,CAAC;IACjD;;;;;;OAMG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;;;;;OAMG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;;;;;OAMG;IACH,uCAAuC,CAAC,EAAE,MAAM,CAAC;CAClD;AACD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;;;;;;;;;;;OAaG;IACH,2BAA2B,CAAC,EAAE,oCAAoC,CAAC;IACnE;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAClE;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,CACxB,CAAC,EAAE,oBAAoB,CAAC,0BAA0B,CAAC,KAChD,IAAI,CAAC;IACV;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyCG;IACH,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;;;;;;;;;;;;;;OAmBG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C;;;;;;;;;;;;;;;;OAgBG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,sBAAsB,CAAC,EAAE,+BAA+B,CAAC;IACzD;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC"}
|
|
@@ -10,6 +10,7 @@ type SplitViewSplitBehavior = 'automatic' | 'displace' | 'overlay' | 'tile';
|
|
|
10
10
|
type SplitViewPrimaryEdge = 'leading' | 'trailing';
|
|
11
11
|
type SplitViewDisplayMode = 'automatic' | 'secondaryOnly' | 'oneBesideSecondary' | 'oneOverSecondary' | 'twoBesideSecondary' | 'twoOverSecondary' | 'twoDisplaceSecondary';
|
|
12
12
|
type SplitViewOrientation = 'inherit' | 'all' | 'allButUpsideDown' | 'portrait' | 'portraitUp' | 'portraitDown' | 'landscape' | 'landscapeLeft' | 'landscapeRight';
|
|
13
|
+
type SplitViewPrimaryBackgroundStyle = 'default' | 'none' | 'sidebar';
|
|
13
14
|
interface ColumnMetrics {
|
|
14
15
|
minimumPrimaryColumnWidth?: WithDefault<Float, -1.0>;
|
|
15
16
|
maximumPrimaryColumnWidth?: WithDefault<Float, -1.0>;
|
|
@@ -31,6 +32,7 @@ interface NativeProps extends ViewProps {
|
|
|
31
32
|
displayModeButtonVisibility?: WithDefault<SplitViewDisplayModeButtonVisibility, 'automatic'>;
|
|
32
33
|
columnMetrics?: ColumnMetrics;
|
|
33
34
|
orientation?: WithDefault<SplitViewOrientation, 'inherit'>;
|
|
35
|
+
primaryBackgroundStyle?: WithDefault<SplitViewPrimaryBackgroundStyle, 'default'>;
|
|
34
36
|
presentsWithGesture?: WithDefault<boolean, true>;
|
|
35
37
|
showInspector?: WithDefault<boolean, false>;
|
|
36
38
|
onCollapse?: DirectEventHandler<GenericEmptyEvent>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitViewHostNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/fabric/gamma/SplitViewHostNativeComponent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EACV,kBAAkB,EAClB,KAAK,EACL,WAAW,EACZ,MAAM,2CAA2C,CAAC;AAGnD,KAAK,iBAAiB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEtC,KAAK,0BAA0B,GAAG;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,KAAK,oCAAoC,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;AAE7E,KAAK,sBAAsB,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AAE5E,KAAK,oBAAoB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnD,KAAK,oBAAoB,GACrB,WAAW,GACX,eAAe,GACf,oBAAoB,GACpB,kBAAkB,GAClB,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,CAAC;AAE3B,KAAK,oBAAoB,GACrB,SAAS,GACT,KAAK,GACL,kBAAkB,GAClB,UAAU,GACV,YAAY,GACZ,cAAc,GACd,WAAW,GACX,eAAe,GACf,gBAAgB,CAAC;AAErB,UAAU,aAAa;IACrB,yBAAyB,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IACrD,yBAAyB,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IACrD,qCAAqC,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IACjE,+BAA+B,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IAC3D,+BAA+B,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IAC3D,2CAA2C,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IAGvE,2BAA2B,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IACvD,uCAAuC,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IACnE,2BAA2B,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IACvD,2BAA2B,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IACvD,uCAAuC,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;CACpE;AAED,UAAU,WAAY,SAAQ,SAAS;IAGrC,oBAAoB,CAAC,EAAE,WAAW,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC;IACtE,sBAAsB,CAAC,EAAE,WAAW,CAAC,sBAAsB,EAAE,WAAW,CAAC,CAAC;IAC1E,WAAW,CAAC,EAAE,WAAW,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IAC3D,yBAAyB,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACxD,2BAA2B,CAAC,EAAE,WAAW,CACvC,oCAAoC,EACpC,WAAW,CACZ,CAAC;IACF,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"SplitViewHostNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/fabric/gamma/SplitViewHostNativeComponent.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-screens",
|
|
3
|
-
"version": "4.19.0-nightly-
|
|
3
|
+
"version": "4.19.0-nightly-20251023-492dd95bd",
|
|
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 ../)",
|
|
@@ -21,6 +21,8 @@ export type SplitViewSplitBehavior =
|
|
|
21
21
|
|
|
22
22
|
export type SplitViewPrimaryEdge = 'leading' | 'trailing';
|
|
23
23
|
|
|
24
|
+
export type SplitViewPrimaryBackgroundStyle = 'default' | 'none' | 'sidebar';
|
|
25
|
+
|
|
24
26
|
export type SplitViewDisplayMode =
|
|
25
27
|
| 'automatic'
|
|
26
28
|
| 'secondaryOnly'
|
|
@@ -262,6 +264,28 @@ export interface SplitViewHostProps extends ViewProps {
|
|
|
262
264
|
* @default automatic
|
|
263
265
|
*/
|
|
264
266
|
preferredSplitBehavior?: SplitViewSplitBehavior;
|
|
267
|
+
/**
|
|
268
|
+
* @summary Specifies the background style of the primary view controller.
|
|
269
|
+
*
|
|
270
|
+
* On iOS 18 or lower, we always fall back to `none` which is a system default value. Since iOS 26 the system default value is `sidebar`.
|
|
271
|
+
*
|
|
272
|
+
* The following values are currently supported:
|
|
273
|
+
*
|
|
274
|
+
* - `default` - chosen by the OS, the appropriate background style is based on the device preferences
|
|
275
|
+
* - `none` - a style that has no visual effect on the background appearance of the primary view controller
|
|
276
|
+
* - `sidebar` - a style that applies a blurred effect to the background of the primary view controller
|
|
277
|
+
*
|
|
278
|
+
* The supported values correspond to the official UIKit documentation:
|
|
279
|
+
* @see {@link https://developer.apple.com/documentation/uikit/uisplitviewcontroller/backgroundstyle|UISplitViewController.BackgroundStyle}
|
|
280
|
+
*
|
|
281
|
+
* @default default
|
|
282
|
+
*
|
|
283
|
+
* @supported iOS 26 or higher
|
|
284
|
+
*
|
|
285
|
+
* @remarks
|
|
286
|
+
* According to the documentation, this property shouldn't have any effect on iOS. However, on iOS 26 the support for this prop was added.
|
|
287
|
+
*/
|
|
288
|
+
primaryBackgroundStyle?: SplitViewPrimaryBackgroundStyle;
|
|
265
289
|
/**
|
|
266
290
|
* @summary Indicates on which side primary sidebar is placed, affecting the split view layout.
|
|
267
291
|
*
|
|
@@ -43,6 +43,8 @@ type SplitViewOrientation =
|
|
|
43
43
|
| 'landscapeLeft'
|
|
44
44
|
| 'landscapeRight';
|
|
45
45
|
|
|
46
|
+
type SplitViewPrimaryBackgroundStyle = 'default' | 'none' | 'sidebar';
|
|
47
|
+
|
|
46
48
|
interface ColumnMetrics {
|
|
47
49
|
minimumPrimaryColumnWidth?: WithDefault<Float, -1.0>;
|
|
48
50
|
maximumPrimaryColumnWidth?: WithDefault<Float, -1.0>;
|
|
@@ -72,6 +74,10 @@ interface NativeProps extends ViewProps {
|
|
|
72
74
|
>;
|
|
73
75
|
columnMetrics?: ColumnMetrics;
|
|
74
76
|
orientation?: WithDefault<SplitViewOrientation, 'inherit'>;
|
|
77
|
+
primaryBackgroundStyle?: WithDefault<
|
|
78
|
+
SplitViewPrimaryBackgroundStyle,
|
|
79
|
+
'default'
|
|
80
|
+
>;
|
|
75
81
|
|
|
76
82
|
// Interactions
|
|
77
83
|
|