feat(iOS, SplitView): Add support for presentsWithGesture prop (#3001)

## Description

SplitView installs its own GestureRecognizer for changing the display
mode. There's a method `presentsWithGesture` which can disable this
GestureRecognizer. In this PR I am adding a setter for this API from the
JS native component.

## Changes

- Updated example
- Added native setter
- Updated JS native component definition

## Test code and steps to reproduce

Updated `SplitViewBaseApp`


https://github.com/user-attachments/assets/a5cf2bd3-0183-4258-89bf-34c84b7ed589

## Checklist

- [x] Included code example that can be used to test this change
- [x] Ensured that CI passes

Closes
software-mansion/react-native-screens-labs#230

Author: t0maboro

apps/src/tests/TestSplitView/SplitViewBaseApp.tsx

@@ -23,7 +23,7 @@ const SplitViewBaseApp = () => {
   const [buttonState4, setButtonState4] = React.useState('Initial');
 
   return (
-    <SplitViewHost displayMode='oneOverSecondary' primaryEdge='leading' splitBehavior='tile'>
+    <SplitViewHost displayMode='twoBesideSecondary' primaryEdge='leading' presentsWithGesture={false} splitBehavior='tile'>
       <SplitViewScreen>
         <View style={[styles.container, { backgroundColor: Colors.RedDark100 }]}>
           <TestButton setButtonState={setButtonState} />

ios/gamma/split-view/RNSSplitViewHostComponentView.h

@@ -21,6 +21,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, readonly) UISplitViewControllerSplitBehavior splitBehavior;
 @property (nonatomic, readonly) UISplitViewControllerPrimaryEdge primaryEdge;
 @property (nonatomic, readonly) UISplitViewControllerDisplayMode displayMode;
+@property (nonatomic, readonly) BOOL presentsWithGesture;
 
 @end
 

ios/gamma/split-view/RNSSplitViewHostComponentView.mm

@@ -49,6 +49,7 @@ - (void)resetProps
   _splitBehavior = UISplitViewControllerSplitBehaviorAutomatic;
   _primaryEdge = UISplitViewControllerPrimaryEdgeLeading;
   _displayMode = UISplitViewControllerDisplayModeAutomatic;
+  _presentsWithGesture = true;
 }
 
 - (void)didMoveToWindow
@@ -155,6 +156,11 @@ - (void)updateProps:(const facebook::react::Props::Shared &)props
     _controller.preferredDisplayMode = _displayMode;
   }
 
+  if (oldComponentProps.presentsWithGesture != newComponentProps.presentsWithGesture) {
+    _presentsWithGesture = newComponentProps.presentsWithGesture;
+    _controller.presentsWithGesture = _presentsWithGesture;
+  }
+
   [super updateProps:props oldProps:oldProps];
 }
 

src/components/gamma/SplitViewHost.tsx

@@ -13,6 +13,10 @@ export type SplitViewNativeProps = NativeProps & {
 
   displayMode?: SplitViewDisplayMode;
   splitBehavior?: SplitViewSplitBehavior;
+
+  // SplitView interactions
+
+  presentsWithGesture?: boolean;
 };
 
 type SplitViewHostProps = {
@@ -46,12 +50,9 @@ const isValidDisplayModeForSplitBehavior = (
   );
 };
 
-function SplitViewHost({
-  children,
-  displayMode,
-  primaryEdge,
-  splitBehavior,
-}: SplitViewHostProps) {
+function SplitViewHost(props: SplitViewHostProps) {
+  const { displayMode, splitBehavior } = props;
+
   React.useEffect(() => {
     if (displayMode && splitBehavior) {
       const isValid = isValidDisplayModeForSplitBehavior(
@@ -72,12 +73,8 @@ function SplitViewHost({
   }, [displayMode, splitBehavior]);
 
   return (
-    <SplitViewHostNativeComponent
-      displayMode={displayMode}
-      style={styles.container}
-      splitBehavior={splitBehavior}
-      primaryEdge={primaryEdge}>
-      {children}
+    <SplitViewHostNativeComponent {...props} style={styles.container}>
+      {props.children}
     </SplitViewHostNativeComponent>
   );
 }

src/fabric/gamma/SplitViewHostNativeComponent.ts

@@ -27,6 +27,10 @@ export interface NativeProps extends ViewProps {
   displayMode?: WithDefault<SplitViewDisplayMode, 'automatic'>;
   splitBehavior?: WithDefault<SplitViewSplitBehavior, 'automatic'>;
   primaryEdge?: WithDefault<SplitViewPrimaryEdge, 'leading'>;
+
+  // Interactions
+
+  presentsWithGesture?: WithDefault<boolean, true>;
 }
 
 export default codegenNativeComponent<NativeProps>('RNSSplitViewHost', {});