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

package/lib/typescript/fabric/tabs/TabsScreenNativeComponent.d.ts

@@ -1,82 +0,0 @@
-import type { CodegenTypes as CT, ColorValue, ImageSource, ProcessedColorValue, ViewProps } from 'react-native';
-import { UnsafeMixed } from './codegenUtils';
-export type IconType = 'image' | 'template' | 'sfSymbol' | 'xcasset';
-type GenericEmptyEvent = Readonly<{}>;
-type LifecycleStateChangeEvent = Readonly<{
-    previousState: CT.Int32;
-    newState: CT.Int32;
-}>;
-export type ItemStateAppearance = {
-    tabBarItemTitleFontFamily?: string;
-    tabBarItemTitleFontSize?: CT.Float;
-    tabBarItemTitleFontWeight?: string;
-    tabBarItemTitleFontStyle?: string;
-    tabBarItemTitleFontColor?: ProcessedColorValue | null;
-    tabBarItemTitlePositionAdjustment?: {
-        horizontal?: CT.Float;
-        vertical?: CT.Float;
-    };
-    tabBarItemIconColor?: ProcessedColorValue | null;
-    tabBarItemBadgeBackgroundColor?: ProcessedColorValue | null;
-};
-export type ItemAppearance = {
-    normal?: ItemStateAppearance;
-    selected?: ItemStateAppearance;
-    focused?: ItemStateAppearance;
-    disabled?: ItemStateAppearance;
-};
-export type Appearance = {
-    stacked?: ItemAppearance;
-    inline?: ItemAppearance;
-    compactInline?: ItemAppearance;
-    tabBarBackgroundColor?: ProcessedColorValue | null;
-    tabBarShadowColor?: ProcessedColorValue | null;
-    tabBarBlurEffect?: CT.WithDefault<BlurEffect, 'systemDefault'>;
-};
-type BlurEffect = 'none' | 'systemDefault' | 'extraLight' | 'light' | 'dark' | 'regular' | 'prominent' | 'systemUltraThinMaterial' | 'systemThinMaterial' | 'systemMaterial' | 'systemThickMaterial' | 'systemChromeMaterial' | 'systemUltraThinMaterialLight' | 'systemThinMaterialLight' | 'systemMaterialLight' | 'systemThickMaterialLight' | 'systemChromeMaterialLight' | 'systemUltraThinMaterialDark' | 'systemThinMaterialDark' | 'systemMaterialDark' | 'systemThickMaterialDark' | 'systemChromeMaterialDark';
-type Orientation = 'inherit' | 'all' | 'allButUpsideDown' | 'portrait' | 'portraitUp' | 'portraitDown' | 'landscape' | 'landscapeLeft' | 'landscapeRight';
-type SystemItem = 'none' | 'bookmarks' | 'contacts' | 'downloads' | 'favorites' | 'featured' | 'history' | 'more' | 'mostRecent' | 'mostViewed' | 'recents' | 'search' | 'topRated';
-type ScrollEdgeEffect = 'automatic' | 'hard' | 'soft' | 'hidden';
-type UserInterfaceStyle = 'unspecified' | 'light' | 'dark';
-export interface NativeProps extends ViewProps {
-    onLifecycleStateChange?: CT.DirectEventHandler<LifecycleStateChangeEvent>;
-    onWillAppear?: CT.DirectEventHandler<GenericEmptyEvent>;
-    onDidAppear?: CT.DirectEventHandler<GenericEmptyEvent>;
-    onWillDisappear?: CT.DirectEventHandler<GenericEmptyEvent>;
-    onDidDisappear?: CT.DirectEventHandler<GenericEmptyEvent>;
-    isFocused?: boolean;
-    tabKey: string;
-    title?: string | undefined | null;
-    isTitleUndefined?: CT.WithDefault<boolean, true>;
-    badgeValue?: string;
-    tabBarItemTestID?: string;
-    tabBarItemAccessibilityLabel?: string;
-    orientation?: CT.WithDefault<Orientation, 'inherit'>;
-    drawableIconResourceName?: string;
-    imageIconResource?: ImageSource;
-    tabBarItemBadgeTextColor?: ColorValue;
-    tabBarItemBadgeBackgroundColor?: ColorValue;
-    standardAppearance?: UnsafeMixed<Appearance>;
-    scrollEdgeAppearance?: UnsafeMixed<Appearance>;
-    iconType?: CT.WithDefault<IconType, 'sfSymbol'>;
-    iconImageSource?: ImageSource;
-    iconResourceName?: string;
-    selectedIconImageSource?: ImageSource;
-    selectedIconResourceName?: string;
-    systemItem?: CT.WithDefault<SystemItem, 'none'>;
-    specialEffects?: {
-        repeatedTabSelection?: {
-            popToRoot?: CT.WithDefault<boolean, true>;
-            scrollToTop?: CT.WithDefault<boolean, true>;
-        };
-    };
-    overrideScrollViewContentInsetAdjustmentBehavior?: CT.WithDefault<boolean, true>;
-    bottomScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
-    leftScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
-    rightScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
-    topScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
-    userInterfaceStyle?: CT.WithDefault<UserInterfaceStyle, 'unspecified'>;
-}
-declare const _default: import("react-native").HostComponent<NativeProps>;
-export default _default;
-//# sourceMappingURL=TabsScreenNativeComponent.d.ts.map

package/lib/typescript/fabric/tabs/TabsScreenNativeComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsScreenNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/fabric/tabs/TabsScreenNativeComponent.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,YAAY,IAAI,EAAE,EAClB,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAGrE,KAAK,iBAAiB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEtC,KAAK,yBAAyB,GAAG,QAAQ,CAAC;IACxC,aAAa,EAAE,EAAE,CAAC,KAAK,CAAC;IACxB,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG;IAChC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,uBAAuB,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC;IACnC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wBAAwB,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACtD,iCAAiC,CAAC,EAAE;QAClC,UAAU,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC;QACtB,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC;KACrB,CAAC;IACF,mBAAmB,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjD,8BAA8B,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,aAAa,CAAC,EAAE,cAAc,CAAC;IAE/B,qBAAqB,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnD,iBAAiB,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;CAChE,CAAC;AAEF,KAAK,UAAU,GACX,MAAM,GACN,eAAe,GACf,YAAY,GACZ,OAAO,GACP,MAAM,GACN,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,8BAA8B,GAC9B,yBAAyB,GACzB,qBAAqB,GACrB,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,GAC7B,wBAAwB,GACxB,oBAAoB,GACpB,yBAAyB,GACzB,0BAA0B,CAAC;AAE/B,KAAK,WAAW,GACZ,SAAS,GACT,KAAK,GACL,kBAAkB,GAClB,UAAU,GACV,YAAY,GACZ,cAAc,GACd,WAAW,GACX,eAAe,GACf,gBAAgB,CAAC;AAErB,KAAK,UAAU,GACX,MAAM,GACN,WAAW,GACX,UAAU,GACV,WAAW,GACX,WAAW,GACX,UAAU,GACV,SAAS,GACT,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,QAAQ,GACR,UAAU,CAAC;AAEf,KAAK,gBAAgB,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjE,KAAK,kBAAkB,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAE5C,sBAAsB,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,CAAC;IAC1E,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;IAG1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IAGf,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAGtC,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAGrD,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC,8BAA8B,CAAC,EAAE,UAAU,CAAC;IAG5C,kBAAkB,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC7C,oBAAoB,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAE/C,QAAQ,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAEhD,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,uBAAuB,CAAC,EAAE,WAAW,CAAC;IACtC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,UAAU,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAEhD,cAAc,CAAC,EAAE;QACf,oBAAoB,CAAC,EAAE;YACrB,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YAC1C,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;SAC7C,CAAC;KACH,CAAC;IAEF,gDAAgD,CAAC,EAAE,EAAE,CAAC,WAAW,CAC/D,OAAO,EACP,IAAI,CACL,CAAC;IAEF,sBAAsB,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;IACvE,oBAAoB,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;IACrE,qBAAqB,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;IACtE,mBAAmB,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;IAGpE,kBAAkB,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC;CACxE;;AAED,wBAAwE"}

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { ReactNativeElement, ViewProps } from 'react-native';
-import { type NativeProps } from '../../../fabric/gamma/stack/StackHostNativeComponent';
-
-export type StackHostProps = {
-  children: ViewProps['children'];
-  ref?: React.RefObject<
-    (React.Component<NativeProps> & ReactNativeElement) | null
-  >; // TODO: Work on these types
-};

package/src/components/tabs/TabsAccessory.types.ts

@@ -1,13 +0,0 @@
-import { NativeSyntheticEvent, ViewProps } from 'react-native';
-
-export type TabsAccessoryEnvironment = 'regular' | 'inline';
-
-export type EnvironmentChangeEvent = {
-  environment: TabsAccessoryEnvironment;
-};
-
-export type TabsAccessoryProps = ViewProps & {
-  onEnvironmentChange?: (
-    event: NativeSyntheticEvent<EnvironmentChangeEvent>,
-  ) => void;
-};

package/src/components/tabs/TabsAccessoryContent.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import { TabsAccessoryContentProps } from './TabsAccessoryContent.types';
-import TabsBottomAccessoryContentNativeComponent from '../../fabric/tabs/TabsBottomAccessoryContentNativeComponent';
-
-/**
- * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
- */
-export default function TabsAccessoryContent(props: TabsAccessoryContentProps) {
-  return (
-    <TabsBottomAccessoryContentNativeComponent
-      {...props}
-      collapsable={false}
-      style={[props.style, StyleSheet.absoluteFill]}
-    />
-  );
-}

package/src/components/tabs/TabsAccessoryContent.types.ts

@@ -1,6 +0,0 @@
-import { ViewProps } from 'react-native';
-import { TabsAccessoryEnvironment } from './TabsAccessory.types';
-
-export type TabsAccessoryContentProps = ViewProps & {
-  environment?: TabsAccessoryEnvironment;
-};

package/src/components/tabs/TabsHost.tsx

@@ -1,105 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import {
-  Platform,
-  StyleSheet,
-  findNodeHandle,
-  type NativeSyntheticEvent,
-} from 'react-native';
-import TabsHostNativeComponent, {
-  type NativeProps as TabsHostNativeComponentProps,
-} from '../../fabric/tabs/TabsHostNativeComponent';
-import featureFlags from '../../flags';
-import type { TabsHostProps, NativeFocusChangeEvent } from './TabsHost.types';
-import { bottomTabsDebugLog } from '../../private/logging';
-import TabsAccessory from './TabsAccessory';
-import { TabsAccessoryEnvironment } from './TabsAccessory.types';
-import TabsAccessoryContent from './TabsAccessoryContent';
-
-/**
- * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
- */
-function TabsHost(props: TabsHostProps) {
-  bottomTabsDebugLog(`TabsHost render`);
-
-  const {
-    onNativeFocusChange,
-    experimentalControlNavigationStateInJS = featureFlags.experiment
-      .controlledBottomTabs,
-    bottomAccessory,
-    nativeContainerStyle,
-    ...filteredProps
-  } = props;
-
-  const componentNodeRef =
-    React.useRef<React.Component<TabsHostNativeComponentProps>>(null);
-  const componentNodeHandle = React.useRef<number>(-1);
-
-  React.useEffect(() => {
-    if (componentNodeRef.current != null) {
-      componentNodeHandle.current =
-        findNodeHandle(componentNodeRef.current) ?? -1;
-    } else {
-      componentNodeHandle.current = -1;
-    }
-  }, []);
-
-  const onNativeFocusChangeCallback = React.useCallback(
-    (event: NativeSyntheticEvent<NativeFocusChangeEvent>) => {
-      bottomTabsDebugLog(
-        `TabsHost [${
-          componentNodeHandle.current ?? -1
-        }] onNativeFocusChange: ${JSON.stringify(event.nativeEvent)}`,
-      );
-      onNativeFocusChange?.(event);
-    },
-    [onNativeFocusChange],
-  );
-
-  const [bottomAccessoryEnvironment, setBottomAccessoryEnvironment] =
-    useState<TabsAccessoryEnvironment>('regular');
-
-  return (
-    <TabsHostNativeComponent
-      style={styles.fillParent}
-      onNativeFocusChange={onNativeFocusChangeCallback}
-      controlNavigationStateInJS={experimentalControlNavigationStateInJS}
-      nativeContainerBackgroundColor={nativeContainerStyle?.backgroundColor}
-      // @ts-ignore suppress ref - debug only
-      ref={componentNodeRef}
-      {...filteredProps}>
-      {filteredProps.children}
-      {bottomAccessory &&
-        Platform.OS === 'ios' &&
-        parseInt(Platform.Version, 10) >= 26 &&
-        (Platform.constants.reactNativeVersion.minor >= 82 ? (
-          <TabsAccessory>
-            <TabsAccessoryContent environment="regular">
-              {bottomAccessory('regular')}
-            </TabsAccessoryContent>
-            <TabsAccessoryContent environment="inline">
-              {bottomAccessory('inline')}
-            </TabsAccessoryContent>
-          </TabsAccessory>
-        ) : (
-          <TabsAccessory
-            onEnvironmentChange={event => {
-              setBottomAccessoryEnvironment(event.nativeEvent.environment);
-            }}>
-            {bottomAccessory(bottomAccessoryEnvironment)}
-          </TabsAccessory>
-        ))}
-    </TabsHostNativeComponent>
-  );
-}
-
-export default TabsHost;
-
-const styles = StyleSheet.create({
-  fillParent: {
-    flex: 1,
-    width: '100%',
-    height: '100%',
-  },
-});

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

@@ -1,297 +0,0 @@
-import { ReactNode } from 'react';
-import type {
-  ColorValue,
-  TextStyle,
-  NativeSyntheticEvent,
-  ViewProps,
-} from 'react-native';
-import type { TabsAccessoryEnvironment } from './TabsAccessory.types';
-
-export type TabAccessoryComponentFactory = (
-  environment: TabsAccessoryEnvironment,
-) => ReactNode;
-
-export type NativeFocusChangeEvent = {
-  tabKey: string;
-  repeatedSelectionHandledBySpecialEffect: boolean;
-};
-
-// Android-specific
-export type TabBarItemLabelVisibilityMode =
-  | 'auto'
-  | 'selected'
-  | 'labeled'
-  | 'unlabeled';
-
-// iOS-specific
-export type TabBarMinimizeBehavior =
-  | 'automatic'
-  | 'never'
-  | 'onScrollDown'
-  | 'onScrollUp';
-
-// iOS-specific
-export type TabBarControllerMode = 'automatic' | 'tabBar' | 'tabSidebar';
-
-export type TabsHostNativeContainerStyleProps = {
-  /**
-   * @summary Specifies the background color of the native container.
-   *
-   * @platform android, ios
-   */
-  backgroundColor?: ColorValue;
-};
-
-export interface TabsHostProps {
-  // #region Events
-  /**
-   * A callback that gets invoked when user requests change of focused tab screen.
-   *
-   * @platform android, ios
-   */
-  onNativeFocusChange?: (
-    event: NativeSyntheticEvent<NativeFocusChangeEvent>,
-  ) => void;
-  // #endregion Events
-
-  // #region General
-  children?: ViewProps['children'];
-  /**
-   * @summary Hides the tab bar.
-   *
-   * @default false
-   *
-   * @platform android, ios
-   */
-  tabBarHidden?: boolean;
-  /**
-   * @summary Allows for native container view customization.
-   *
-   * On Android, style is applied to `FrameLayout` that wraps currently focused screen
-   * and `BottomNavigationView`. On iOS, style is applied to `UITabBarController`'s
-   * view.
-   *
-   * @platform android, ios
-   */
-  nativeContainerStyle?: TabsHostNativeContainerStyleProps;
-  // #endregion General
-
-  // #region Android-only
-  /**
-   * @summary Specifies the background color for the entire tab bar.
-   *
-   * @platform android
-   */
-  tabBarBackgroundColor?: ColorValue;
-  /**
-   * @summary Specifies the font family used for the title of each tab bar item.
-   *
-   * @platform android
-   */
-  tabBarItemTitleFontFamily?: TextStyle['fontFamily'];
-  /**
-   * @summary Specifies the font size used for the title of each tab bar item.
-   *
-   * The size is represented in scale-independent pixels (sp).
-   *
-   * @platform android
-   */
-  tabBarItemTitleFontSize?: TextStyle['fontSize'];
-  /**
-   * @summary Specifies the font size used for the title of each tab bar item in active state.
-   *
-   * The size is represented in scale-independent pixels (sp).
-   *
-   * @platform android
-   */
-  tabBarItemTitleFontSizeActive?: TextStyle['fontSize'];
-  /**
-   * @summary Specifies the font weight used for the title of each tab bar item.
-   *
-   * @platform android
-   */
-  tabBarItemTitleFontWeight?: TextStyle['fontWeight'];
-  /**
-   * @summary Specifies the font style used for the title of each tab bar item.
-   *
-   * @platform android
-   */
-  tabBarItemTitleFontStyle?: TextStyle['fontStyle'];
-  /**
-   * @summary Specifies the font color used for the title of each tab bar item.
-   *
-   * @platform android
-   */
-  tabBarItemTitleFontColor?: TextStyle['color'];
-  /**
-   * @summary Specifies the font color used for the title of each tab bar item in active state.
-   *
-   * If not provided, `tabBarItemTitleFontColor` is used.
-   *
-   * @platform android
-   */
-  tabBarItemTitleFontColorActive?: TextStyle['color'];
-  /**
-   * @summary Specifies the icon color for each tab bar item.
-   *
-   * @platform android
-   */
-  tabBarItemIconColor?: ColorValue;
-  /**
-   * @summary Specifies the icon color for each tab bar item in active state.
-   *
-   * If not provided, `tabBarItemIconColor` is used.
-   *
-   * @platform android
-   */
-  tabBarItemIconColorActive?: ColorValue;
-  /**
-   * @summary Specifies the background color of the active indicator.
-   *
-   * @platform android
-   */
-  tabBarItemActiveIndicatorColor?: ColorValue;
-  /**
-   * @summary Specifies if the active indicator should be used.
-   *
-   * @default true
-   *
-   * @platform android
-   */
-  tabBarItemActiveIndicatorEnabled?: boolean;
-  /**
-   * @summary Specifies the color of each tab bar item's ripple effect.
-   *
-   * @platform android
-   */
-  tabBarItemRippleColor?: ColorValue;
-  /**
-   * @summary Specifies the label visibility mode.
-   *
-   * The label visibility mode defines when the labels of each item bar should be displayed.
-   *
-   * The following values are available:
-   * - `auto` - the label behaves as in “labeled” mode when there are 3 items or less, or as in “selected” mode when there are 4 items or more
-   * - `selected` - the label is only shown on the selected navigation item
-   * - `labeled` - the label is shown on all navigation items
-   * - `unlabeled` - the label is hidden for all navigation items
-   *
-   * The supported values correspond to the official Material Components documentation:
-   * @see {@link https://github.com/material-components/material-components-android/blob/master/docs/components/BottomNavigation.md#making-navigation-bar-accessible|Material Components documentation}
-   *
-   * @default auto
-   *
-   * @platform android
-   */
-  tabBarItemLabelVisibilityMode?: TabBarItemLabelVisibilityMode;
-  // #endregion Android-only
-
-  // #region iOS-only
-  /**
-   * @summary Specifies the color used for selected tab's text and icon color.
-   *
-   * Starting from iOS 26, it also impacts glow of Liquid Glass tab
-   * selection view.
-   *
-   * `tabBarItemTitleFontColor` and `tabBarItemIconColor` defined on
-   * TabsScreen component override this color.
-   *
-   * @platform ios
-   */
-  tabBarTintColor?: ColorValue;
-  /**
-   * @summary Specifies the minimize behavior for the tab bar.
-   *
-   * Available starting from iOS 26.
-   *
-   * The following values are currently supported:
-   *
-   * - `automatic` - resolves to the system default minimize behavior
-   * - `never` - the tab bar does not minimize
-   * - `onScrollDown` - the tab bar minimizes when scrolling down and
-   *   expands when scrolling back up
-   * - `onScrollUp` - the tab bar minimizes when scrolling up and expands
-   *   when scrolling back down
-   *
-   * The supported values correspond to the official UIKit documentation:
-   * @see {@link https://developer.apple.com/documentation/uikit/uitabbarcontroller/minimizebehavior|UITabBarController.MinimizeBehavior}
-   *
-   * @default Defaults to `automatic`.
-   *
-   * @platform ios
-   * @supported iOS 26 or higher
-   */
-  tabBarMinimizeBehavior?: TabBarMinimizeBehavior;
-  /**
-   * @summary Specifies component used as bottom accessory.
-   *
-   * This prop is a function that accepts `environment` as a parameter and returns
-   * the component that will be rendered in the bottom accessory.
-   *
-   * `environment` can be one of the following values:
-   *
-   * - `regular` - the accessory is laid out above the bottom tab bar,
-   * - `inline` - the accessory is laid out inline with the collapsed bottom
-   *   tab bar.
-   *
-   * If this prop is `undefined`, the bottom accessory will not be rendered.
-   *
-   * On legacy architecture (Paper) and on new architecture (Fabric) with RN < 0.82,
-   * implementation uses DisplayLink which might result in the size of bottom
-   * accessory being updated with a delay.
-   *
-   * Starting from RN 0.82, this issue is mitigated but in order to allow accessory
-   * rendering based on environment, component is rendered 2 times for both `regular`
-   * and `inline` environments at the same time. Environment determines which component
-   * is visible at given moment. This might require implementing a solution to share
-   * state between both rendered components (e.g. usage of context).
-   *
-   * Available starting from iOS 26.
-   *
-   * @platform iOS
-   * @supported iOS 26 or higher
-   */
-  bottomAccessory?: TabAccessoryComponentFactory;
-  /**
-   * @summary Specifies the display mode for the tab bar.
-   *
-   * Available starting from iOS 18.
-   * Not supported on tvOS.
-   *
-   * The following values are currently supported:
-   *
-   * - `automatic` - the system sets the display mode based on the tab’s content
-   * - `tabBar` - the system displays the content only as a tab bar
-   * - `tabSidebar` - the tab bar is displayed as a sidebar
-   *
-   * See the official documentation for more details:
-   * @see {@link https://developer.apple.com/documentation/uikit/uitabbarcontroller/mode|UITabBarController.Mode}
-   *
-   * @default Defaults to `automatic`.
-   *
-   * @platform ios
-   * @supported iOS 18 or higher
-   */
-  tabBarControllerMode?: TabBarControllerMode;
-  // #endregion iOS-only
-
-  // #region Experimental support
-  /**
-   * @summary Experimental prop for changing container control.
-   *
-   * If set to true, tab screen changes need to be handled by JS using
-   * onNativeFocusChange callback (controlled/programatically-driven).
-   *
-   * If set to false, tab screen change will not be prevented by the
-   * native side (managed/natively-driven).
-   *
-   * On Android, only controlled tabs are currently supported and the
-   * value of this prop is ignored.
-   *
-   * @default Defaults to `false`.
-   *
-   * @platform android, ios
-   */
-  experimentalControlNavigationStateInJS?: boolean;
-  // #endregion Experimental support
-}