react-native-screens 5.0.0-alpha.2 → 5.0.0-alpha.3

package/src/components/stack/header/StackHeaderConfig.ios.tsx

@@ -14,6 +14,7 @@ import type {
 } from './StackHeaderConfig.types';
 import StackHeaderConfigIOSNativeComponent, {
   Commands as StackHeaderConfigIOSNativeCommands,
+  HeaderAppearance,
   MenuItemPressEvent,
   MenuSelectionChangeEvent,
   NativeMenuElementOptionsIOS,
@@ -22,8 +23,9 @@ import type { StackHeaderItemPlacement } from './ios/StackHeaderItem.ios.types';
 import { StackHeaderItemSpacerPlacement } from './ios/StackHeaderItemSpacer.ios.types';
 import StackHeaderItemSpacer from './ios/StackHeaderItemSpacer.ios';
 import StackHeaderItem from './ios/StackHeaderItem.ios';
-import { NativeSyntheticEvent, StyleSheet } from 'react-native';
+import { NativeSyntheticEvent, StyleSheet, processColor } from 'react-native';
 import type {
+  StackHeaderAppearanceIOS,
   StackHeaderInlineCustomItemIOS,
   StackHeaderInlineItemIOS,
   StackHeaderMenuItemOptionsIOS,
@@ -55,6 +57,12 @@ function StackHeaderConfig(
     largeTitle,
     largeSubtitle,
     largeTitleEnabled,
+    prompt,
+    backButtonTitle,
+    backButtonDisplayMode,
+    backButtonMenuEnabled,
+    standardAppearance,
+    scrollEdgeAppearance,
   } = ios ?? {};
 
   const nativeRef =
@@ -151,9 +159,15 @@ function StackHeaderConfig(
       ref={nativeRef}
       {...restProps}
       collapsable={false}
+      backButtonTitle={backButtonTitle}
+      backButtonDisplayMode={backButtonDisplayMode}
+      backButtonMenuEnabled={backButtonMenuEnabled}
       largeTitle={largeTitle}
       largeSubtitle={largeSubtitle}
       largeTitleEnabled={!!largeTitleEnabled}
+      prompt={prompt}
+      standardAppearance={mapAppearanceToNativeProp(standardAppearance)}
+      scrollEdgeAppearance={mapAppearanceToNativeProp(scrollEdgeAppearance)}
       titleMenu={resolvedTitleMenu}
       style={styles.config}
       onMenuItemPress={handleMenuItemPress}
@@ -168,6 +182,36 @@ function StackHeaderConfig(
   );
 }
 
+function mapAppearanceToNativeProp(
+  appearance?: StackHeaderAppearanceIOS,
+): HeaderAppearance | undefined {
+  if (!appearance) return undefined;
+
+  const {
+    titleFontColor,
+    titleFontWeight,
+    largeTitleFontColor,
+    largeTitleFontWeight,
+    subtitleFontColor,
+    subtitleFontWeight,
+  } = appearance;
+
+  return {
+    ...appearance,
+    titleFontColor: processColor(titleFontColor),
+    titleFontWeight:
+      titleFontWeight !== undefined ? String(titleFontWeight) : undefined,
+    largeTitleFontColor: processColor(largeTitleFontColor),
+    largeTitleFontWeight:
+      largeTitleFontWeight !== undefined
+        ? String(largeTitleFontWeight)
+        : undefined,
+    subtitleFontColor: processColor(subtitleFontColor),
+    subtitleFontWeight:
+      subtitleFontWeight !== undefined ? String(subtitleFontWeight) : undefined,
+  };
+}
+
 function makeItemViewFromItem(
   item:
     | StackHeaderInlineItemIOS

package/src/components/stack/header/StackHeaderConfig.ios.types.ts

@@ -1,4 +1,5 @@
 import type { ReactElement } from 'react';
+import type { TextStyle } from 'react-native';
 import type { PlatformIconIOS } from '../../shared/types';
 import type { StackHeaderMenuIOS } from './ios/StackHeaderMenu.ios.types';
 
@@ -94,6 +95,43 @@ export interface SupportsMenuIOS {
   menu?: StackHeaderMenuIOS | undefined;
 }
 
+export interface SupportsSharedBackgroundIOS {
+  /**
+   * @summary Whether the liquid glass background for this item should be hidden.
+   *
+   * @description
+   * On iOS 26, adjacent bar button items are grouped inside a shared liquid
+   * glass background. Setting this to `true` removes the shared background
+   * from this item.
+   *
+   * @default false
+   *
+   * @platform iOS
+   *
+   * @supported iOS 26 and higher
+   */
+  hidesSharedBackground?: boolean | undefined;
+}
+
+export interface SupportsIdentifierIOS {
+  /**
+   * @summary Stable identifier used to match the item across different screens
+   * for more intelligent animation on transition.
+   *
+   * @description
+   * When navigating between screens, iOS tries to match similarly looking items (i.e. same sfSymbol)
+   * and animate between them. If the heuristic fails, a simpler crossfade is applied.
+   * In a situation where visually different items should be logically considered the same across screens,
+   * you may use this prop to tell this fact to the system. The identifier shouldn't be updated at runtime;
+   * doing so will result in item rebuild and visual flash.
+   *
+   * @platform iOS
+   *
+   * @supported iOS 26 and higher
+   */
+  identifier?: string | undefined;
+}
+
 /**
  * @summary Native header item with text label.
  *
@@ -101,7 +139,9 @@ export interface SupportsMenuIOS {
  */
 export interface StackHeaderInlineItemIOS
   extends StackHeaderBaseItemIOS,
-    SupportsMenuIOS {
+    SupportsMenuIOS,
+    SupportsIdentifierIOS,
+    SupportsSharedBackgroundIOS {
   /**
    * @summary Marks this object as a header item definition.
    *
@@ -126,7 +166,10 @@ export interface StackHeaderInlineItemIOS
  *
  * @platform iOS
  */
-export interface StackHeaderInlineCustomItemIOS extends SupportsMenuIOS {
+export interface StackHeaderInlineCustomItemIOS
+  extends SupportsMenuIOS,
+    SupportsIdentifierIOS,
+    SupportsSharedBackgroundIOS {
   /**
    * @summary A unique identifier within the screen header.
    *
@@ -250,7 +293,172 @@ export interface StackHeaderTitleCustomItemIOS {
   render: () => ReactElement;
 }
 
+/**
+ * @summary Controls how the back button title is displayed.
+ *
+ * @description
+ * - `default`: the system chooses the title depending on available space.
+ *   On iOS < 26 options include: custom title (defaults to previous screen title),
+ *   generic "Back", no title; on iOS >= 26 it's either custom title (if set) or no title.
+ * - `generic`: on iOS < 26, the system uses a generic "Back" title or no title;
+ *   on iOS >= 26 it's the same as `minimal`.
+ * - `minimal`: no title is displayed next to the back button chevron.
+ *
+ * @platform iOS
+ */
+export type StackHeaderBackButtonDisplayModeIOS =
+  | 'default'
+  | 'generic'
+  | 'minimal';
+
+export interface StackHeaderAppearanceIOS {
+  /**
+   * @summary Specifies the font family used for the title of the header.
+   *
+   * @platform ios
+   */
+  titleFontFamily?: TextStyle['fontFamily'] | undefined;
+  /**
+   * @summary Specifies the font size used for the title of the header.
+   *
+   * @platform ios
+   */
+  titleFontSize?: TextStyle['fontSize'] | undefined;
+  /**
+   * @summary Specifies the font weight used for the title of the header.
+   *
+   * @platform ios
+   */
+  titleFontWeight?: TextStyle['fontWeight'] | undefined;
+  /**
+   * @summary Specifies the font style used for the title of the header.
+   *
+   * @platform ios
+   */
+  titleFontStyle?: TextStyle['fontStyle'] | undefined;
+  /**
+   * @summary Specifies the font color used for the title of the header.
+   *
+   * @platform ios
+   */
+  titleFontColor?: TextStyle['color'] | undefined;
+  /**
+   * @summary Specifies the font family used for the large title of the header.
+   *
+   * @platform ios
+   */
+  largeTitleFontFamily?: TextStyle['fontFamily'] | undefined;
+  /**
+   * @summary Specifies the font size used for the large title of the header.
+   *
+   * @platform ios
+   */
+  largeTitleFontSize?: TextStyle['fontSize'] | undefined;
+  /**
+   * @summary Specifies the font weight used for the large title of the header.
+   *
+   * @platform ios
+   */
+  largeTitleFontWeight?: TextStyle['fontWeight'] | undefined;
+  /**
+   * @summary Specifies the font style used for the large title of the header.
+   *
+   * @platform ios
+   */
+  largeTitleFontStyle?: TextStyle['fontStyle'] | undefined;
+  /**
+   * @summary Specifies the font color used for the large title of the header.
+   *
+   * @platform ios
+   */
+  largeTitleFontColor?: TextStyle['color'] | undefined;
+  /**
+   * @summary Specifies the font family used for the subtitle of the header.
+   *
+   * @description Applies to both the regular and the large subtitle.
+   *
+   * @platform ios
+   *
+   * @supported iOS 26 and higher
+   */
+  subtitleFontFamily?: TextStyle['fontFamily'] | undefined;
+  /**
+   * @summary Specifies the font size used for the subtitle of the header.
+   *
+   * @description Applies to both the regular and the large subtitle.
+   *
+   * @platform ios
+   *
+   * @supported iOS 26 and higher
+   */
+  subtitleFontSize?: TextStyle['fontSize'] | undefined;
+  /**
+   * @summary Specifies the font weight used for the subtitle of the header.
+   *
+   * @description Applies to both the regular and the large subtitle.
+   *
+   * @platform ios
+   *
+   * @supported iOS 26 and higher
+   */
+  subtitleFontWeight?: TextStyle['fontWeight'] | undefined;
+  /**
+   * @summary Specifies the font style used for the subtitle of the header.
+   *
+   * @description Applies to both the regular and the large subtitle.
+   *
+   * @platform ios
+   *
+   * @supported iOS 26 and higher
+   */
+  subtitleFontStyle?: TextStyle['fontStyle'] | undefined;
+  /**
+   * @summary Specifies the font color used for the subtitle of the header.
+   *
+   * @description Applies to both the regular and the large subtitle.
+   *
+   * @platform ios
+   *
+   * @supported iOS 26 and higher
+   */
+  subtitleFontColor?: TextStyle['color'] | undefined;
+}
+
 export interface StackHeaderConfigPropsIOS {
+  /**
+   * @summary Title displayed next to the back button on this screen.
+   *
+   * @description
+   * Configured on the screen whose back button it applies to (the screen that
+   * is pushed on top). When unset, the system derives the back title from the
+   * previous screen's `title`.
+   *
+   * @platform iOS
+   */
+  backButtonTitle?: string | undefined;
+  /**
+   * @summary Controls how the back button title is displayed.
+   *
+   * @default 'default'
+   *
+   * @platform iOS
+   */
+  backButtonDisplayMode?: StackHeaderBackButtonDisplayModeIOS | undefined;
+  /**
+   * @summary Whether the back button shows the navigation history menu.
+   *
+   * @description
+   * Configured on the screen whose back button it applies to (the screen that
+   * is pushed on top). When `false`, the navigation history menu is not shown
+   * on either of the gestures that normally open it: long-pressing the back
+   * button and secondary-clicking it (trackpad / mouse right click); tapping
+   * it still pops the screen.
+   *
+   * @default true
+   *
+   * @platform iOS
+   */
+  backButtonMenuEnabled?: boolean | undefined;
   /**
    * @summary Custom item to display as a subtitle.
    *
@@ -351,6 +559,34 @@ export interface StackHeaderConfigPropsIOS {
    * @supported iOS 26 and higher
    */
   largeSubtitleItem?: StackHeaderTitleCustomItemIOS | undefined;
+  /**
+   * @summary A single line of text displayed at the top of the navigation bar,
+   * above the title.
+   *
+   * @description
+   * Setting this prop increases the height of the navigation bar.
+   *
+   * @platform iOS
+   */
+  prompt?: string | undefined;
+  /**
+   * @summary Appearance of the header when the edge of scrollable content
+   * is not aligned with the edge of the header.
+   *
+   * @platform ios
+   */
+  standardAppearance?: StackHeaderAppearanceIOS | undefined;
+  /**
+   * @summary Appearance of the header when the edge of scrollable content
+   * is aligned with the edge of the header.
+   *
+   * @description If unset, derives the configuration from `standardAppearance`,
+   * otherwise becomes a standalone definition. In both cases it keeps transparent
+   * background by default (iOS <18).
+   *
+   * @platform ios
+   */
+  scrollEdgeAppearance?: StackHeaderAppearanceIOS | undefined;
 }
 
 export interface StackHeaderConfigCommandsIOS {

package/src/components/stack/header/StackHeaderConfig.types.ts

@@ -11,9 +11,9 @@ export interface StackHeaderConfigPropsBase {
    */
   title?: string | undefined;
   /**
-   * @summary Subtitle displayed in the header. Currently unsupported on Android.
+   * @summary Subtitle displayed in the header.
    *
-   * @platform ios
+   * @platform android, ios
    */
   subtitle?: string | undefined;
   /**

package/src/components/stack/header/ios/StackHeaderItem.ios.types.ts

@@ -12,6 +12,8 @@ export type StackHeaderItemPlacement =
 export type StackHeaderItemProps = {
   placement: StackHeaderItemPlacement;
   itemId?: string | undefined;
+  identifier?: string | undefined;
+  hidesSharedBackground?: boolean | undefined;
   title?: string | undefined;
   icon?: PlatformIconIOS | undefined;
   render?: (() => ReactElement) | undefined;

package/src/components/stack/host/StackHost.tsx

@@ -6,9 +6,11 @@ import type { StackHostProps } from './StackHost.types';
 /**
  * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
  */
-function StackHost({ children, ref }: StackHostProps) {
+function StackHost(props: StackHostProps) {
+  const { children, ref, ...restProps } = props;
+
   return (
-    <StackHostNativeComponent ref={ref} style={styles.container}>
+    <StackHostNativeComponent ref={ref} style={styles.container} {...restProps}>
       {children}
     </StackHostNativeComponent>
   );

package/src/components/stack/host/StackHost.types.ts

@@ -1,11 +1,37 @@
 import React from 'react';
 import type { HostInstance, ViewProps } from 'react-native';
 import { type NativeProps } from '../../../fabric/stack/StackHostNativeComponent';
+import type { ColorScheme } from '../../shared/types';
+
+export type StackHostColorScheme = ColorScheme | 'inherit';
 
 export type StackHostProps = {
+  // General
   children: NonNullable<ViewProps['children']>;
   // TODO: Work on these types
   ref?:
     | React.RefObject<(React.Component<NativeProps> & HostInstance) | null>
     | undefined;
+  /**
+   * @summary Specifies the color scheme used by the container and any child
+   * containers.
+   *
+   * The following values are currently supported:
+   * - `inherit` - the interface style from parent,
+   * - `light` - the light interface style,
+   * - `dark` - the dark interface style.
+   *
+   * @remarks
+   * Color scheme isn't currently supported on iOS.
+   *
+   * On Android, changing the effective color scheme rebuilds the header.
+   * Toolbar menu state survives the rebuild: checkbox/radio selections and
+   * changes applied via the `updateToolbarMenuElements` view command are
+   * reapplied to the new toolbar.
+   *
+   * @default inherit
+   *
+   * @platform android
+   */
+  colorScheme?: StackHostColorScheme | undefined;
 };

package/src/components/stack/index.ts

@@ -2,7 +2,7 @@ import { StackHost } from './host';
 import { StackScreen } from './screen';
 import { StackHeaderConfig } from './header';
 
-export type { StackHostProps } from './host';
+export type { StackHostProps, StackHostColorScheme } from './host';
 
 export type {
   OnDismissEventPayload,
@@ -19,6 +19,9 @@ export type {
   StackHeaderConfigRef,
   // Android
   StackHeaderTypeAndroid,
+  StackHeaderTitleHorizontalGravityAndroid,
+  StackHeaderTitleVerticalGravityAndroid,
+  StackHeaderCollapsedTitleGravityModeAndroid,
   StackHeaderBackgroundSubviewCollapseModeAndroid,
   StackHeaderToolbarSubviewAndroid,
   StackHeaderBackgroundSubviewAndroid,
@@ -35,7 +38,9 @@ export type {
   StackHeaderToolbarMenuItemShowAsActionAndroid,
   StackHeaderToolbarMenuItemTypeAndroid,
   // iOS
+  StackHeaderBackButtonDisplayModeIOS,
   StackHeaderConfigPropsIOS,
+  StackHeaderAppearanceIOS,
   StackHeaderInlineItemIOS,
   StackHeaderInlineCustomItemIOS,
   StackHeaderTitleCustomItemIOS,

package/src/components/tabs/host/TabsHost.ios.tsx

@@ -48,6 +48,7 @@ function TabsHost(props: TabsHostProps) {
       {...filteredBaseProps}
       // iOS-specific
       layoutDirection={direction}
+      tabBarHiddenAnimationEnabled={ios?.tabBarHiddenAnimationEnabled}
       tabBarControllerMode={ios?.tabBarControllerMode}
       tabBarMinimizeBehavior={ios?.tabBarMinimizeBehavior}
       tabBarTintColor={ios?.tabBarTintColor}

package/src/components/tabs/host/TabsHost.ios.types.ts

@@ -34,6 +34,22 @@ export type TabBarMinimizeBehavior =
 export type TabBarControllerMode = 'automatic' | 'tabBar' | 'tabSidebar';
 
 export interface TabsHostPropsIOS {
+  /**
+   * @summary Whether changes of `tabBarHidden` are animated.
+   *
+   * When `true`, the tab bar is hidden and shown with the system transition
+   * (`UITabBarController.setTabBarHidden(_:animated:)`). When `false`, the
+   * tab bar disappears and reappears immediately.
+   *
+   * Available starting from iOS 18. On earlier versions the tab bar visibility
+   * is never animated, regardless of this prop.
+   *
+   * @default true
+   *
+   * @platform ios
+   * @supported iOS 18 or higher
+   */
+  tabBarHiddenAnimationEnabled?: boolean | undefined;
   /**
    * @summary Specifies the color used for selected tab's text and icon color.
    *

package/src/components/tabs/host/TabsHost.types.ts

@@ -181,6 +181,9 @@ export interface TabsHostPropsBase {
   /**
    * @summary Hides the tab bar.
    *
+   * On iOS 18+, whether the change is animated is controlled by
+   * `ios.tabBarHiddenAnimationEnabled`.
+   *
    * @default false
    *
    * @platform android, ios

package/src/fabric/stack/StackHeaderConfigAndroidNativeComponent.ts

@@ -13,6 +13,14 @@ import type { UnsafeMixed } from '../codegenUtils';
 
 type StackHeaderTypeAndroid = 'small' | 'medium' | 'large';
 
+type StackHeaderTitleHorizontalGravityAndroid = 'start' | 'center' | 'end';
+
+type StackHeaderTitleVerticalGravityAndroid = 'top' | 'center' | 'bottom';
+
+type StackHeaderCollapsedTitleGravityModeAndroid =
+  | 'entireSpace'
+  | 'availableSpace';
+
 export type StackHeaderToolbarMenuItemPressEventAndroid = Readonly<{
   id: string;
 }>;
@@ -84,6 +92,8 @@ export type StackHeaderToolbarMenuElementAndroid =
 
 export interface NativeProps extends ViewProps {
   title?: string | undefined;
+  subtitle?: string | undefined;
+  maxLines?: CT.WithDefault<CT.Int32, 1>;
   hidden?: CT.WithDefault<boolean, false>;
   transparent?: CT.WithDefault<boolean, false>;
   backButtonHidden?: CT.WithDefault<boolean, false>;
@@ -91,12 +101,76 @@ export interface NativeProps extends ViewProps {
   // Android-specific props
   type?: CT.WithDefault<StackHeaderTypeAndroid, 'small'>;
 
+  titleCentered?: CT.WithDefault<boolean, false>;
+  subtitleCentered?: CT.WithDefault<boolean, false>;
+
+  expandedTitleHorizontalGravity?: CT.WithDefault<
+    StackHeaderTitleHorizontalGravityAndroid,
+    'start'
+  >;
+  expandedTitleVerticalGravity?: CT.WithDefault<
+    StackHeaderTitleVerticalGravityAndroid,
+    'bottom'
+  >;
+  collapsedTitleHorizontalGravity?: CT.WithDefault<
+    StackHeaderTitleHorizontalGravityAndroid,
+    'start'
+  >;
+  collapsedTitleVerticalGravity?: CT.WithDefault<
+    StackHeaderTitleVerticalGravityAndroid,
+    'center'
+  >;
+  collapsedTitleGravityMode?: CT.WithDefault<
+    StackHeaderCollapsedTitleGravityModeAndroid,
+    'availableSpace'
+  >;
+
+  contentInsetStart?: CT.WithDefault<CT.Float, -1.0>;
+  contentInsetEnd?: CT.WithDefault<CT.Float, -1.0>;
+
+  titleColor?: ColorValue | undefined;
+  titleFontFamily?: string | undefined;
+  titleFontSize?: CT.WithDefault<CT.Float, -1.0>;
+  titleFontWeight?: string | undefined;
+  titleFontStyle?: string | undefined;
+  subtitleColor?: ColorValue | undefined;
+  subtitleFontFamily?: string | undefined;
+  subtitleFontSize?: CT.WithDefault<CT.Float, -1.0>;
+  subtitleFontWeight?: string | undefined;
+  subtitleFontStyle?: string | undefined;
+  expandedTitleColor?: ColorValue | undefined;
+  expandedTitleFontFamily?: string | undefined;
+  expandedTitleFontSize?: CT.WithDefault<CT.Float, -1.0>;
+  expandedTitleFontWeight?: string | undefined;
+  expandedTitleFontStyle?: string | undefined;
+  collapsedTitleColor?: ColorValue | undefined;
+  collapsedTitleFontFamily?: string | undefined;
+  collapsedTitleFontSize?: CT.WithDefault<CT.Float, -1.0>;
+  collapsedTitleFontWeight?: string | undefined;
+  collapsedTitleFontStyle?: string | undefined;
+  expandedSubtitleColor?: ColorValue | undefined;
+  expandedSubtitleFontFamily?: string | undefined;
+  expandedSubtitleFontSize?: CT.WithDefault<CT.Float, -1.0>;
+  expandedSubtitleFontWeight?: string | undefined;
+  expandedSubtitleFontStyle?: string | undefined;
+  collapsedSubtitleColor?: ColorValue | undefined;
+  collapsedSubtitleFontFamily?: string | undefined;
+  collapsedSubtitleFontSize?: CT.WithDefault<CT.Float, -1.0>;
+  collapsedSubtitleFontWeight?: string | undefined;
+  collapsedSubtitleFontStyle?: string | undefined;
+
   backButtonTintColorNormal?: ColorValue | undefined;
   backButtonTintColorPressed?: ColorValue | undefined;
   backButtonTintColorFocused?: ColorValue | undefined;
   backButtonDrawableIconResourceName?: string | undefined;
   backButtonImageIconResource?: ImageSource | undefined;
 
+  overflowIconTintColorNormal?: ColorValue | undefined;
+  overflowIconTintColorPressed?: ColorValue | undefined;
+  overflowIconTintColorFocused?: ColorValue | undefined;
+  overflowIconDrawableIconResourceName?: string | undefined;
+  overflowIconImageIconResource?: ImageSource | undefined;
+
   scrollFlagScroll?: CT.WithDefault<boolean, false>;
   scrollFlagEnterAlways?: CT.WithDefault<boolean, false>;
   scrollFlagEnterAlwaysCollapsed?: CT.WithDefault<boolean, false>;
@@ -105,6 +179,10 @@ export interface NativeProps extends ViewProps {
 
   liftOnScroll?: CT.WithDefault<boolean, true>;
 
+  backgroundColor?: ColorValue | undefined;
+  scrolledBackgroundColor?: ColorValue | undefined;
+  statusBarScrimColor?: ColorValue | undefined;
+
   toolbarMenu?: UnsafeMixed<StackHeaderToolbarMenuBaseAndroid> | undefined;
   toolbarMenuGroupDividerEnabled?: CT.WithDefault<boolean, false>;
   onToolbarMenuItemPress?:

package/src/fabric/stack/StackHeaderConfigIOSNativeComponent.ts

@@ -3,6 +3,7 @@
 import type {
   CodegenTypes as CT,
   HostComponent,
+  ProcessedColorValue,
   ViewProps,
 } from 'react-native';
 import { codegenNativeCommands, codegenNativeComponent } from 'react-native';
@@ -12,6 +13,28 @@ import type {
 } from './StackHeaderItemIOSNativeComponent';
 import { UnsafeMixed } from '../codegenUtils';
 
+type BackButtonDisplayMode = 'default' | 'generic' | 'minimal';
+
+export type HeaderAppearance = {
+  titleFontFamily?: string | undefined;
+  titleFontSize?: CT.Float | undefined;
+  titleFontWeight?: string | undefined;
+  titleFontStyle?: string | undefined;
+  titleFontColor?: ProcessedColorValue | null | undefined;
+
+  largeTitleFontFamily?: string | undefined;
+  largeTitleFontSize?: CT.Float | undefined;
+  largeTitleFontWeight?: string | undefined;
+  largeTitleFontStyle?: string | undefined;
+  largeTitleFontColor?: ProcessedColorValue | null | undefined;
+
+  subtitleFontFamily?: string | undefined;
+  subtitleFontSize?: CT.Float | undefined;
+  subtitleFontWeight?: string | undefined;
+  subtitleFontStyle?: string | undefined;
+  subtitleFontColor?: ProcessedColorValue | null | undefined;
+};
+
 export type MenuItemPressEvent = Readonly<{ menuItemId: string }>;
 
 export type MenuSelectionChangeEvent = Readonly<{
@@ -27,12 +50,21 @@ export interface NativeProps extends ViewProps {
   backButtonHidden?: CT.WithDefault<boolean, false>;
 
   // iOS-specific props
+  backButtonTitle?: string | undefined;
+  backButtonDisplayMode?: CT.WithDefault<BackButtonDisplayMode, 'default'>;
+  backButtonMenuEnabled?: CT.WithDefault<boolean, true>;
+
   largeTitle?: string | undefined;
   largeSubtitle?: string | undefined;
   largeTitleEnabled?: CT.WithDefault<boolean, false>;
 
+  prompt?: string | undefined;
+
   titleMenu?: UnsafeMixed<StackHeaderMenuIOS> | undefined;
 
+  standardAppearance?: UnsafeMixed<HeaderAppearance> | undefined;
+  scrollEdgeAppearance?: UnsafeMixed<HeaderAppearance> | undefined;
+
   onMenuItemPress?: CT.DirectEventHandler<MenuItemPressEvent> | undefined;
   onMenuSelectionChange?:
     | CT.DirectEventHandler<MenuSelectionChangeEvent>

package/src/fabric/stack/StackHeaderItemIOSNativeComponent.ts

@@ -70,6 +70,8 @@ export type PlatformIconIOS =
 export interface NativeProps extends ViewProps {
   placement?: CT.WithDefault<Placement, 'trailing'>;
   itemId?: string | undefined;
+  identifier?: string | undefined;
+  hidesSharedBackground?: CT.WithDefault<boolean, false>;
   title?: string | undefined;
   icon?: UnsafeMixed<PlatformIconIOS> | undefined;
   menu?: UnsafeMixed<StackHeaderMenuIOS> | undefined;