react-native-screens 4.24.0 → 4.25.0-beta.2

package/src/fabric/ModalScreenNativeComponent.ts

@@ -59,22 +59,32 @@ type SwipeDirection = 'vertical' | 'horizontal';
 
 type ReplaceAnimation = 'pop' | 'push';
 
+type ScrollEdgeEffect = 'automatic' | 'hard' | 'soft' | 'hidden';
+
 type OptionalBoolean = 'undefined' | 'false' | 'true';
 
 export interface NativeProps extends ViewProps {
-  onAppear?: CT.DirectEventHandler<ScreenEvent>;
-  onDisappear?: CT.DirectEventHandler<ScreenEvent>;
-  onDismissed?: CT.DirectEventHandler<ScreenDismissedEvent>;
-  onNativeDismissCancelled?: CT.DirectEventHandler<ScreenDismissedEvent>;
-  onWillAppear?: CT.DirectEventHandler<ScreenEvent>;
-  onWillDisappear?: CT.DirectEventHandler<ScreenEvent>;
-  onHeaderHeightChange?: CT.DirectEventHandler<HeaderHeightChangeEvent>;
-  onTransitionProgress?: CT.DirectEventHandler<TransitionProgressEvent>;
-  onGestureCancel?: CT.DirectEventHandler<ScreenEvent>;
-  onHeaderBackButtonClicked?: CT.DirectEventHandler<ScreenEvent>;
-  onSheetDetentChanged?: CT.DirectEventHandler<SheetDetentChangedEvent>;
+  onAppear?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onDisappear?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onDismissed?: CT.DirectEventHandler<ScreenDismissedEvent> | undefined;
+  onNativeDismissCancelled?:
+    | CT.DirectEventHandler<ScreenDismissedEvent>
+    | undefined;
+  onWillAppear?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onWillDisappear?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onHeaderHeightChange?:
+    | CT.DirectEventHandler<HeaderHeightChangeEvent>
+    | undefined;
+  onTransitionProgress?:
+    | CT.DirectEventHandler<TransitionProgressEvent>
+    | undefined;
+  onGestureCancel?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onHeaderBackButtonClicked?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onSheetDetentChanged?:
+    | CT.DirectEventHandler<SheetDetentChangedEvent>
+    | undefined;
   screenId?: CT.WithDefault<string, ''>;
-  sheetAllowedDetents?: number[];
+  sheetAllowedDetents?: number[] | undefined;
   sheetLargestUndimmedDetent?: CT.WithDefault<CT.Int32, -1>;
   sheetGrabberVisible?: CT.WithDefault<boolean, false>;
   sheetCornerRadius?: CT.WithDefault<CT.Float, -1.0>;
@@ -83,30 +93,34 @@ export interface NativeProps extends ViewProps {
   sheetElevation?: CT.WithDefault<CT.Int32, 24>;
   sheetShouldOverflowTopInset?: CT.WithDefault<boolean, false>;
   sheetDefaultResizeAnimationEnabled?: CT.WithDefault<boolean, true>;
-  customAnimationOnSwipe?: boolean;
+  customAnimationOnSwipe?: boolean | undefined;
   fullScreenSwipeEnabled?: CT.WithDefault<OptionalBoolean, 'undefined'>;
   fullScreenSwipeShadowEnabled?: CT.WithDefault<boolean, true>;
-  homeIndicatorHidden?: boolean;
-  preventNativeDismiss?: boolean;
+  homeIndicatorHidden?: boolean | undefined;
+  preventNativeDismiss?: boolean | undefined;
   gestureEnabled?: CT.WithDefault<boolean, true>;
-  statusBarColor?: ColorValue;
-  statusBarHidden?: boolean;
-  screenOrientation?: string;
-  statusBarAnimation?: string;
-  statusBarStyle?: string;
-  statusBarTranslucent?: boolean;
-  gestureResponseDistance?: GestureResponseDistanceType;
+  statusBarColor?: ColorValue | undefined;
+  statusBarHidden?: boolean | undefined;
+  screenOrientation?: string | undefined;
+  statusBarAnimation?: string | undefined;
+  statusBarStyle?: string | undefined;
+  statusBarTranslucent?: boolean | undefined;
+  gestureResponseDistance?: GestureResponseDistanceType | undefined;
   stackPresentation?: CT.WithDefault<StackPresentation, 'push'>;
   stackAnimation?: CT.WithDefault<StackAnimation, 'default'>;
   transitionDuration?: CT.WithDefault<CT.Int32, 500>;
   replaceAnimation?: CT.WithDefault<ReplaceAnimation, 'pop'>;
   swipeDirection?: CT.WithDefault<SwipeDirection, 'horizontal'>;
-  hideKeyboardOnSwipe?: boolean;
+  hideKeyboardOnSwipe?: boolean | undefined;
   activityState?: CT.WithDefault<CT.Float, -1.0>;
-  navigationBarColor?: ColorValue;
-  navigationBarTranslucent?: boolean;
-  navigationBarHidden?: boolean;
-  nativeBackButtonDismissalEnabled?: boolean;
+  navigationBarColor?: ColorValue | undefined;
+  navigationBarTranslucent?: boolean | undefined;
+  navigationBarHidden?: boolean | undefined;
+  nativeBackButtonDismissalEnabled?: boolean | undefined;
+  bottomScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
+  leftScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
+  rightScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
+  topScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
   synchronousShadowStateUpdatesEnabled?: CT.WithDefault<boolean, false>;
 }
 

package/src/fabric/ScreenNativeComponent.ts

@@ -64,19 +64,27 @@ type ScrollEdgeEffect = 'automatic' | 'hard' | 'soft' | 'hidden';
 type OptionalBoolean = 'undefined' | 'false' | 'true';
 
 export interface NativeProps extends ViewProps {
-  onAppear?: CT.DirectEventHandler<ScreenEvent>;
-  onDisappear?: CT.DirectEventHandler<ScreenEvent>;
-  onDismissed?: CT.DirectEventHandler<ScreenDismissedEvent>;
-  onNativeDismissCancelled?: CT.DirectEventHandler<ScreenDismissedEvent>;
-  onWillAppear?: CT.DirectEventHandler<ScreenEvent>;
-  onWillDisappear?: CT.DirectEventHandler<ScreenEvent>;
-  onHeaderHeightChange?: CT.DirectEventHandler<HeaderHeightChangeEvent>;
-  onTransitionProgress?: CT.DirectEventHandler<TransitionProgressEvent>;
-  onGestureCancel?: CT.DirectEventHandler<ScreenEvent>;
-  onHeaderBackButtonClicked?: CT.DirectEventHandler<ScreenEvent>;
-  onSheetDetentChanged?: CT.DirectEventHandler<SheetDetentChangedEvent>;
+  onAppear?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onDisappear?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onDismissed?: CT.DirectEventHandler<ScreenDismissedEvent> | undefined;
+  onNativeDismissCancelled?:
+    | CT.DirectEventHandler<ScreenDismissedEvent>
+    | undefined;
+  onWillAppear?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onWillDisappear?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onHeaderHeightChange?:
+    | CT.DirectEventHandler<HeaderHeightChangeEvent>
+    | undefined;
+  onTransitionProgress?:
+    | CT.DirectEventHandler<TransitionProgressEvent>
+    | undefined;
+  onGestureCancel?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onHeaderBackButtonClicked?: CT.DirectEventHandler<ScreenEvent> | undefined;
+  onSheetDetentChanged?:
+    | CT.DirectEventHandler<SheetDetentChangedEvent>
+    | undefined;
   screenId?: CT.WithDefault<string, ''>;
-  sheetAllowedDetents?: number[];
+  sheetAllowedDetents?: number[] | undefined;
   sheetLargestUndimmedDetent?: CT.WithDefault<CT.Int32, -1>;
   sheetGrabberVisible?: CT.WithDefault<boolean, false>;
   sheetCornerRadius?: CT.WithDefault<CT.Float, -1.0>;
@@ -85,30 +93,30 @@ export interface NativeProps extends ViewProps {
   sheetElevation?: CT.WithDefault<CT.Int32, 24>;
   sheetShouldOverflowTopInset?: CT.WithDefault<boolean, false>;
   sheetDefaultResizeAnimationEnabled?: CT.WithDefault<boolean, true>;
-  customAnimationOnSwipe?: boolean;
+  customAnimationOnSwipe?: boolean | undefined;
   fullScreenSwipeEnabled?: CT.WithDefault<OptionalBoolean, 'undefined'>;
   fullScreenSwipeShadowEnabled?: CT.WithDefault<boolean, true>;
-  homeIndicatorHidden?: boolean;
-  preventNativeDismiss?: boolean;
+  homeIndicatorHidden?: boolean | undefined;
+  preventNativeDismiss?: boolean | undefined;
   gestureEnabled?: CT.WithDefault<boolean, true>;
-  statusBarColor?: ColorValue;
-  statusBarHidden?: boolean;
-  screenOrientation?: string;
-  statusBarAnimation?: string;
-  statusBarStyle?: string;
-  statusBarTranslucent?: boolean;
-  gestureResponseDistance?: GestureResponseDistanceType;
+  statusBarColor?: ColorValue | undefined;
+  statusBarHidden?: boolean | undefined;
+  screenOrientation?: string | undefined;
+  statusBarAnimation?: string | undefined;
+  statusBarStyle?: string | undefined;
+  statusBarTranslucent?: boolean | undefined;
+  gestureResponseDistance?: GestureResponseDistanceType | undefined;
   stackPresentation?: CT.WithDefault<StackPresentation, 'push'>;
   stackAnimation?: CT.WithDefault<StackAnimation, 'default'>;
   transitionDuration?: CT.WithDefault<CT.Int32, 500>;
   replaceAnimation?: CT.WithDefault<ReplaceAnimation, 'pop'>;
   swipeDirection?: CT.WithDefault<SwipeDirection, 'horizontal'>;
-  hideKeyboardOnSwipe?: boolean;
+  hideKeyboardOnSwipe?: boolean | undefined;
   activityState?: CT.WithDefault<CT.Float, -1.0>;
-  navigationBarColor?: ColorValue;
-  navigationBarTranslucent?: boolean;
-  navigationBarHidden?: boolean;
-  nativeBackButtonDismissalEnabled?: boolean;
+  navigationBarColor?: ColorValue | undefined;
+  navigationBarTranslucent?: boolean | undefined;
+  navigationBarHidden?: boolean | undefined;
+  nativeBackButtonDismissalEnabled?: boolean | undefined;
   bottomScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
   leftScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
   rightScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;

package/src/fabric/ScreenStackHeaderConfigNativeComponent.ts

@@ -41,45 +41,51 @@ type BlurEffect =
 type UserInterfaceStyle = 'unspecified' | 'light' | 'dark';
 
 export interface NativeProps extends ViewProps {
-  onAttached?: CT.DirectEventHandler<OnAttachedEvent>;
-  onDetached?: CT.DirectEventHandler<OnDetachedEvent>;
-  backgroundColor?: ColorValue;
-  backTitle?: string;
-  backTitleFontFamily?: string;
-  backTitleFontSize?: CT.Int32;
+  onAttached?: CT.DirectEventHandler<OnAttachedEvent> | undefined;
+  onDetached?: CT.DirectEventHandler<OnDetachedEvent> | undefined;
+  backgroundColor?: ColorValue | undefined;
+  backTitle?: string | undefined;
+  backTitleFontFamily?: string | undefined;
+  backTitleFontSize?: CT.Int32 | undefined;
   backTitleVisible?: CT.WithDefault<boolean, 'true'>;
-  color?: ColorValue;
+  color?: ColorValue | undefined;
   direction?: CT.WithDefault<DirectionType, 'ltr'>;
-  hidden?: boolean;
-  hideShadow?: boolean;
-  largeTitle?: boolean;
-  largeTitleFontFamily?: string;
-  largeTitleFontSize?: CT.Int32;
-  largeTitleFontWeight?: string;
-  largeTitleBackgroundColor?: ColorValue;
-  largeTitleHideShadow?: boolean;
-  largeTitleColor?: ColorValue;
-  translucent?: boolean;
-  title?: string;
-  titleFontFamily?: string;
-  titleFontSize?: CT.Int32;
-  titleFontWeight?: string;
-  titleColor?: ColorValue;
-  disableBackButtonMenu?: boolean;
+  hidden?: boolean | undefined;
+  hideShadow?: boolean | undefined;
+  largeTitle?: boolean | undefined;
+  largeTitleFontFamily?: string | undefined;
+  largeTitleFontSize?: CT.Int32 | undefined;
+  largeTitleFontWeight?: string | undefined;
+  largeTitleBackgroundColor?: ColorValue | undefined;
+  largeTitleHideShadow?: boolean | undefined;
+  largeTitleColor?: ColorValue | undefined;
+  translucent?: boolean | undefined;
+  title?: string | undefined;
+  titleFontFamily?: string | undefined;
+  titleFontSize?: CT.Int32 | undefined;
+  titleFontWeight?: string | undefined;
+  titleColor?: ColorValue | undefined;
+  disableBackButtonMenu?: boolean | undefined;
   backButtonDisplayMode?: CT.WithDefault<BackButtonDisplayMode, 'default'>;
-  hideBackButton?: boolean;
-  backButtonInCustomView?: boolean;
+  hideBackButton?: boolean | undefined;
+  backButtonInCustomView?: boolean | undefined;
   blurEffect?: CT.WithDefault<BlurEffect, 'none'>;
   // TODO: implement this props on iOS
-  topInsetEnabled?: boolean;
-  headerLeftBarButtonItems?: CT.UnsafeMixed[];
-  headerRightBarButtonItems?: CT.UnsafeMixed[];
-  onPressHeaderBarButtonItem?: CT.DirectEventHandler<OnPressHeaderBarButtonItemEvent>;
-  onPressHeaderBarButtonMenuItem?: CT.DirectEventHandler<OnPressHeaderBarButtonMenuItemEvent>;
+  topInsetEnabled?: boolean | undefined;
+  headerLeftBarButtonItems?: CT.UnsafeMixed[] | undefined;
+  headerRightBarButtonItems?: CT.UnsafeMixed[] | undefined;
+  onPressHeaderBarButtonItem?:
+    | CT.DirectEventHandler<OnPressHeaderBarButtonItemEvent>
+    | undefined;
+  onPressHeaderBarButtonMenuItem?:
+    | CT.DirectEventHandler<OnPressHeaderBarButtonMenuItemEvent>
+    | undefined;
   synchronousShadowStateUpdatesEnabled?: CT.WithDefault<boolean, false>;
 
   // Experimental
   userInterfaceStyle?: CT.WithDefault<UserInterfaceStyle, 'unspecified'>;
+  consumeTopInset?: boolean | undefined;
+  legacyTopInsetBehavior?: boolean | undefined;
 }
 
 export default codegenNativeComponent<NativeProps>(

package/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts

@@ -13,7 +13,7 @@ export type HeaderSubviewTypes =
 
 export interface NativeProps extends ViewProps {
   type?: CT.WithDefault<HeaderSubviewTypes, 'left'>;
-  hidesSharedBackground?: boolean;
+  hidesSharedBackground?: boolean | undefined;
   synchronousShadowStateUpdatesEnabled?: CT.WithDefault<boolean, false>;
 }
 

package/src/fabric/ScreenStackNativeComponent.ts

@@ -1,15 +1,20 @@
 'use client';
 
 import { codegenNativeComponent } from 'react-native';
-import type { CodegenTypes as CT, ViewProps } from 'react-native';
+import type { CodegenTypes as CT, ViewProps, ColorValue } from 'react-native';
 
 // eslint-disable-next-line @typescript-eslint/ban-types
 type FinishTransitioningEvent = Readonly<{}>;
 
 export interface NativeProps extends ViewProps {
   iosPreventReattachmentOfDismissedScreens?: CT.WithDefault<boolean, true>;
+  iosPreventReattachmentOfDismissedModals?: CT.WithDefault<boolean, true>;
 
-  onFinishTransitioning?: CT.DirectEventHandler<FinishTransitioningEvent>;
+  nativeContainerBackgroundColor?: ColorValue | undefined;
+
+  onFinishTransitioning?:
+    | CT.DirectEventHandler<FinishTransitioningEvent>
+    | undefined;
 }
 
 export default codegenNativeComponent<NativeProps>('RNSScreenStack', {});

package/src/fabric/SearchBarNativeComponent.ts

@@ -12,11 +12,11 @@ import type {
 export type SearchBarEvent = Readonly<{}>;
 
 export type SearchButtonPressedEvent = Readonly<{
-  text?: string;
+  text?: string | undefined;
 }>;
 
 export type ChangeTextEvent = Readonly<{
-  text?: string;
+  text?: string | undefined;
 }>;
 
 type SearchBarPlacement =
@@ -37,33 +37,39 @@ type AutoCapitalizeType =
 type OptionalBoolean = 'undefined' | 'false' | 'true';
 
 export interface NativeProps extends ViewProps {
-  onSearchFocus?: CT.DirectEventHandler<SearchBarEvent> | null;
-  onSearchBlur?: CT.DirectEventHandler<SearchBarEvent> | null;
-  onSearchButtonPress?: CT.DirectEventHandler<SearchButtonPressedEvent> | null;
-  onCancelButtonPress?: CT.DirectEventHandler<SearchBarEvent> | null;
-  onChangeText?: CT.DirectEventHandler<ChangeTextEvent> | null;
+  onSearchFocus?: CT.DirectEventHandler<SearchBarEvent> | null | undefined;
+  onSearchBlur?: CT.DirectEventHandler<SearchBarEvent> | null | undefined;
+  onSearchButtonPress?:
+    | CT.DirectEventHandler<SearchButtonPressedEvent>
+    | null
+    | undefined;
+  onCancelButtonPress?:
+    | CT.DirectEventHandler<SearchBarEvent>
+    | null
+    | undefined;
+  onChangeText?: CT.DirectEventHandler<ChangeTextEvent> | null | undefined;
   hideWhenScrolling?: CT.WithDefault<boolean, true>;
   autoCapitalize?: CT.WithDefault<AutoCapitalizeType, 'systemDefault'>;
-  placeholder?: string;
+  placeholder?: string | undefined;
   placement?: CT.WithDefault<SearchBarPlacement, 'automatic'>;
   allowToolbarIntegration?: CT.WithDefault<boolean, true>;
   obscureBackground?: CT.WithDefault<OptionalBoolean, 'undefined'>;
   hideNavigationBar?: CT.WithDefault<OptionalBoolean, 'undefined'>;
-  cancelButtonText?: string;
+  cancelButtonText?: string | undefined;
   // TODO: implement these on iOS
-  barTintColor?: ColorValue;
-  tintColor?: ColorValue;
-  textColor?: ColorValue;
+  barTintColor?: ColorValue | undefined;
+  tintColor?: ColorValue | undefined;
+  textColor?: ColorValue | undefined;
 
   // Android only
   autoFocus?: CT.WithDefault<boolean, false>;
-  disableBackButtonOverride?: boolean;
+  disableBackButtonOverride?: boolean | undefined;
   // TODO: consider creating enum here
-  inputType?: string;
-  onClose?: CT.DirectEventHandler<SearchBarEvent> | null;
-  onOpen?: CT.DirectEventHandler<SearchBarEvent> | null;
-  hintTextColor?: ColorValue;
-  headerIconColor?: ColorValue;
+  inputType?: string | undefined;
+  onClose?: CT.DirectEventHandler<SearchBarEvent> | null | undefined;
+  onOpen?: CT.DirectEventHandler<SearchBarEvent> | null | undefined;
+  hintTextColor?: ColorValue | undefined;
+  headerIconColor?: ColorValue | undefined;
   shouldShowHintSearchIcon?: CT.WithDefault<boolean, true>;
 }
 

package/src/fabric/gamma/ScrollViewMarkerNativeComponent.ts

@@ -0,0 +1,15 @@
+'use client';
+
+import type { CodegenTypes as CT, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+type ScrollEdgeEffect = 'automatic' | 'hard' | 'soft' | 'hidden';
+
+interface NativeProps extends ViewProps {
+  leftScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
+  topScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
+  rightScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
+  bottomScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
+}
+
+export default codegenNativeComponent<NativeProps>('RNSScrollViewMarker');

package/src/fabric/gamma/{SplitViewHostNativeComponent.ts → split/SplitHostNativeComponent.ts}

@@ -76,7 +76,7 @@ interface NativeProps extends ViewProps {
     SplitViewDisplayModeButtonVisibility,
     'automatic'
   >;
-  columnMetrics?: ColumnMetrics;
+  columnMetrics?: ColumnMetrics | undefined;
   orientation?: CT.WithDefault<SplitViewOrientation, 'inherit'>;
   primaryBackgroundStyle?: CT.WithDefault<
     SplitViewPrimaryBackgroundStyle,
@@ -97,10 +97,12 @@ interface NativeProps extends ViewProps {
 
   // Custom events
 
-  onCollapse?: CT.DirectEventHandler<GenericEmptyEvent>;
-  onDisplayModeWillChange?: CT.DirectEventHandler<DisplayModeWillChangeEvent>;
-  onExpand?: CT.DirectEventHandler<GenericEmptyEvent>;
-  onInspectorHide?: CT.DirectEventHandler<GenericEmptyEvent>;
+  onCollapse?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+  onDisplayModeWillChange?:
+    | CT.DirectEventHandler<DisplayModeWillChangeEvent>
+    | undefined;
+  onExpand?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+  onInspectorHide?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
 }
 
 type ComponentType = HostComponent<NativeProps>;
@@ -116,4 +118,4 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
   supportedCommands: ['showColumn'],
 });
 
-export default codegenNativeComponent<NativeProps>('RNSSplitViewHost', {});
+export default codegenNativeComponent<NativeProps>('RNSSplitHost', {});

package/src/fabric/gamma/split/SplitScreenNativeComponent.ts

@@ -0,0 +1,24 @@
+'use client';
+
+import type { CodegenTypes as CT, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+type GenericEmptyEvent = Readonly<{}>;
+
+type SplitScreenColumnType = 'column' | 'inspector';
+
+interface NativeProps extends ViewProps {
+  // Config
+  columnType?: CT.WithDefault<SplitScreenColumnType, 'column'>;
+
+  // Events
+  onWillAppear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+  onDidAppear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+  onWillDisappear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+  onDidDisappear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+}
+
+export default codegenNativeComponent<NativeProps>('RNSSplitScreen', {
+  interfaceOnly: true,
+});

package/src/fabric/gamma/stack/StackHeaderConfigAndroidNativeComponent.ts

@@ -0,0 +1,39 @@
+'use client';
+
+import type {
+  ColorValue,
+  CodegenTypes as CT,
+  ImageSource,
+  ViewProps,
+} from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+type StackHeaderTypeAndroid = 'small' | 'medium' | 'large';
+
+export interface NativeProps extends ViewProps {
+  title?: string | undefined;
+  hidden?: CT.WithDefault<boolean, false>;
+  transparent?: CT.WithDefault<boolean, false>;
+  backButtonHidden?: CT.WithDefault<boolean, false>;
+
+  // Android-specific props
+  type?: CT.WithDefault<StackHeaderTypeAndroid, 'small'>;
+
+  backButtonTintColor?: ColorValue | undefined;
+  backButtonDrawableIconResourceName?: string | undefined;
+  backButtonImageIconResource?: ImageSource | undefined;
+
+  scrollFlagScroll?: CT.WithDefault<boolean, false>;
+  scrollFlagEnterAlways?: CT.WithDefault<boolean, false>;
+  scrollFlagEnterAlwaysCollapsed?: CT.WithDefault<boolean, false>;
+  scrollFlagExitUntilCollapsed?: CT.WithDefault<boolean, false>;
+  scrollFlagSnap?: CT.WithDefault<boolean, false>;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  'RNSStackHeaderConfigAndroid',
+  {
+    interfaceOnly: true,
+    excludedPlatforms: ['iOS'],
+  },
+);

package/src/fabric/gamma/stack/StackHeaderConfigIOSNativeComponent.ts

@@ -0,0 +1,18 @@
+'use client';
+
+import type { CodegenTypes as CT, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+export interface NativeProps extends ViewProps {
+  title?: string | undefined;
+  hidden?: CT.WithDefault<boolean, false>;
+  transparent?: CT.WithDefault<boolean, false>;
+  backButtonHidden?: CT.WithDefault<boolean, false>;
+
+  // iOS-specific props
+}
+
+export default codegenNativeComponent<NativeProps>('RNSStackHeaderConfigIOS', {
+  interfaceOnly: true,
+  excludedPlatforms: ['android'],
+});

package/src/fabric/gamma/stack/StackHeaderSubviewAndroidNativeComponent.ts

@@ -0,0 +1,27 @@
+'use client';
+
+import type { CodegenTypes as CT, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+type StackHeaderSubviewTypeAndroid =
+  | 'background'
+  | 'leading'
+  | 'center'
+  | 'trailing';
+type StackHeaderSubviewBackgroundCollapseModeAndroid = 'off' | 'parallax';
+
+export interface NativeProps extends ViewProps {
+  type?: CT.WithDefault<StackHeaderSubviewTypeAndroid, 'leading'>;
+  collapseMode?: CT.WithDefault<
+    StackHeaderSubviewBackgroundCollapseModeAndroid,
+    'off'
+  >;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  'RNSStackHeaderSubviewAndroid',
+  {
+    interfaceOnly: true,
+    excludedPlatforms: ['iOS'],
+  },
+);

package/src/fabric/gamma/stack/StackScreenNativeComponent.ts

@@ -21,18 +21,22 @@ export interface NativeProps extends ViewProps {
 
   // Events
 
-  onWillAppear?: CT.DirectEventHandler<GenericEmptyEvent>;
-  onDidAppear?: CT.DirectEventHandler<GenericEmptyEvent>;
-  onWillDisappear?: CT.DirectEventHandler<GenericEmptyEvent>;
-  onDidDisappear?: CT.DirectEventHandler<GenericEmptyEvent>;
+  onWillAppear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+  onDidAppear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+  onWillDisappear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+  onDidDisappear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
 
-  onDismiss?: CT.DirectEventHandler<OnDismissEventPayload>;
+  onDismiss?: CT.DirectEventHandler<OnDismissEventPayload> | undefined;
 
-  onNativeDismissPrevented?: CT.DirectEventHandler<GenericEmptyEvent>;
+  onNativeDismissPrevented?:
+    | CT.DirectEventHandler<GenericEmptyEvent>
+    | undefined;
 
   // Configuration
 
   preventNativeDismiss?: CT.WithDefault<boolean, false>;
 }
 
-export default codegenNativeComponent<NativeProps>('RNSStackScreen', {});
+export default codegenNativeComponent<NativeProps>('RNSStackScreen', {
+  interfaceOnly: true,
+});

package/src/fabric/safe-area/SafeAreaViewNativeComponent.ts

@@ -7,12 +7,14 @@ import type { CodegenTypes as CT, ViewProps } from 'react-native';
 type InsetType = 'all' | 'system' | 'interface';
 
 export interface NativeProps extends ViewProps {
-  edges?: Readonly<{
-    top: boolean;
-    right: boolean;
-    bottom: boolean;
-    left: boolean;
-  }>;
+  edges?:
+    | Readonly<{
+        top: boolean;
+        right: boolean;
+        bottom: boolean;
+        left: boolean;
+      }>
+    | undefined;
   // Android-only
   insetType?: CT.WithDefault<InsetType, 'all'>;
 }

package/src/fabric/tabs/TabsBottomAccessoryNativeComponent.ts

@@ -8,9 +8,12 @@ type EnvironmentChangeEvent = {
 };
 
 export interface NativeProps extends ViewProps {
-  onEnvironmentChange?: CT.DirectEventHandler<EnvironmentChangeEvent>;
+  onEnvironmentChange?:
+    | CT.DirectEventHandler<EnvironmentChangeEvent>
+    | undefined;
 }
 
 export default codegenNativeComponent<NativeProps>('RNSTabsBottomAccessory', {
   interfaceOnly: true,
+  excludedPlatforms: ['android'],
 });