@onekeyfe/react-native-tab-view 1.1.31

package/lib/typescript/src/TabView.d.ts

@@ -0,0 +1,178 @@
+import React from 'react';
+import { type ColorValue, type StyleProp, type ViewStyle } from 'react-native';
+import type { ImageSource } from 'react-native/Libraries/Image/ImageSource';
+import type { AppleIcon, BaseRoute, NavigationState, TabRole } from './types';
+import { type BottomAccessoryViewProps } from './BottomAccessoryView';
+interface Props<Route extends BaseRoute> {
+    labeled?: boolean;
+    /**
+     * A tab bar style that adapts to each platform.
+     *
+     * Tab views using the sidebar adaptable style have an appearance
+     * that varies depending on the platform:
+     * - iPadOS displays a top tab bar that can adapt into a sidebar.
+     * - iOS displays a bottom tab bar.
+     * - macOS and tvOS always show a sidebar.
+     * - visionOS shows an ornament and also shows a sidebar for secondary tabs within a `TabSection`.
+     */
+    sidebarAdaptable?: boolean;
+    /**
+     * Whether to disable page animations between tabs. (iOS only) Defaults to `false`.
+     */
+    disablePageAnimations?: boolean;
+    /**
+     * Whether to enable haptic feedback. Defaults to `false`.
+     */
+    hapticFeedbackEnabled?: boolean;
+    /**
+     * Describes the appearance attributes for the tabBar to use when an observable scroll view is scrolled to the bottom. (iOS only)
+     */
+    scrollEdgeAppearance?: 'default' | 'opaque' | 'transparent';
+    /**
+     * Behavior for minimizing the tab bar. (iOS 26+)
+     */
+    minimizeBehavior?: 'automatic' | 'onScrollDown' | 'onScrollUp' | 'never';
+    /**
+     * Active tab color.
+     */
+    tabBarActiveTintColor?: ColorValue;
+    /**
+     * Inactive tab color.
+     */
+    tabBarInactiveTintColor?: ColorValue;
+    /**
+     * State for the tab view.
+     */
+    navigationState: NavigationState<Route>;
+    /**
+     * Function which takes an object with the route and returns a React element.
+     */
+    renderScene: (props: {
+        route: Route;
+        jumpTo: (key: string) => void;
+    }) => React.ReactNode | null;
+    /**
+     * Callback which is called on tab change, receives the index of the new tab as argument.
+     */
+    onIndexChange: (index: number) => void;
+    /**
+     * Callback which is called on long press on tab, receives the index of the tab as argument.
+     */
+    onTabLongPress?: (index: number) => void;
+    /**
+     * Get lazy for the current screen. Uses true by default.
+     */
+    getLazy?: (props: {
+        route: Route;
+    }) => boolean | undefined;
+    /**
+     * Get label text for the tab, uses `route.title` by default.
+     */
+    getLabelText?: (props: {
+        route: Route;
+    }) => string | undefined;
+    /**
+     * Get badge for the tab, uses `route.badge` by default.
+     */
+    getBadge?: (props: {
+        route: Route;
+    }) => string | undefined;
+    /**
+     * Get badge background color for the tab. (Android only)
+     */
+    getBadgeBackgroundColor?: (props: {
+        route: Route;
+    }) => ColorValue | undefined;
+    /**
+     * Get badge text color for the tab. (Android only)
+     */
+    getBadgeTextColor?: (props: {
+        route: Route;
+    }) => ColorValue | undefined;
+    /**
+     * Get active tint color for the tab.
+     */
+    getActiveTintColor?: (props: {
+        route: Route;
+    }) => ColorValue | undefined;
+    /**
+     * Determines whether the tab prevents default action on press.
+     */
+    getPreventsDefault?: (props: {
+        route: Route;
+    }) => boolean | undefined;
+    /**
+     * Get icon for the tab.
+     */
+    getIcon?: (props: {
+        route: Route;
+        focused: boolean;
+    }) => ImageSource | AppleIcon | undefined | null;
+    /**
+     * Get hidden for the tab.
+     */
+    getHidden?: (props: {
+        route: Route;
+    }) => boolean | undefined;
+    /**
+     * Get testID for the tab.
+     */
+    getTestID?: (props: {
+        route: Route;
+    }) => string | undefined;
+    /**
+     * Get role for the tab. (iOS only)
+     */
+    getRole?: (props: {
+        route: Route;
+    }) => TabRole | undefined;
+    /**
+     * Custom tab bar to render.
+     */
+    tabBar?: () => React.ReactNode;
+    /**
+     * Get freezeOnBlur for the current screen.
+     */
+    getFreezeOnBlur?: (props: {
+        route: Route;
+    }) => boolean | undefined;
+    /**
+     * Get style for the scene.
+     */
+    getSceneStyle?: (props: {
+        route: Route;
+    }) => StyleProp<ViewStyle>;
+    tabBarStyle?: {
+        backgroundColor?: ColorValue;
+    };
+    /**
+     * A Boolean value that indicates whether the tab bar is translucent. (iOS only)
+     */
+    translucent?: boolean;
+    rippleColor?: ColorValue;
+    /**
+     * Color of tab indicator. (Android only)
+     */
+    activeIndicatorColor?: ColorValue;
+    tabLabelStyle?: {
+        fontFamily?: string;
+        fontWeight?: string;
+        fontSize?: number;
+    };
+    /**
+     * A function that returns a React element to display as bottom accessory view.
+     * iOS 26+ only.
+     */
+    renderBottomAccessoryView?: BottomAccessoryViewProps['renderBottomAccessoryView'];
+    /**
+     * Whether the tab bar is hidden.
+     */
+    tabBarHidden?: boolean;
+    /**
+     * Whether to ignore bottom system insets (navigation bar). Android only.
+     */
+    ignoreBottomInsets?: boolean;
+}
+declare const TabView: <Route extends BaseRoute>({ navigationState, renderScene, onIndexChange, onTabLongPress, rippleColor, tabBarActiveTintColor: activeTintColor, tabBarInactiveTintColor: inactiveTintColor, getBadge, getBadgeBackgroundColor, getBadgeTextColor, getLazy, getLabelText, getIcon, getHidden, getActiveTintColor, getTestID, getRole, getSceneStyle, getPreventsDefault, hapticFeedbackEnabled, labeled, getFreezeOnBlur, tabBar: renderCustomTabBar, tabBarStyle, tabLabelStyle, renderBottomAccessoryView, activeIndicatorColor, ...props }: Props<Route>) => import("react/jsx-runtime").JSX.Element;
+export default TabView;
+//# sourceMappingURL=TabView.d.ts.map

package/lib/typescript/src/TabView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabView.d.ts","sourceRoot":"","sources":["../../../src/TabView.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/TabViewNativeComponent.d.ts

@@ -0,0 +1,55 @@
+import type { ColorValue, ProcessedColorValue, ViewProps } from 'react-native';
+import type { DirectEventHandler, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ImageSource } from 'react-native/Libraries/Image/ImageSource';
+export type OnPageSelectedEventData = Readonly<{
+    key: string;
+}>;
+export type OnTabBarMeasured = Readonly<{
+    height: Int32;
+}>;
+export type OnNativeLayout = Readonly<{
+    width: Double;
+    height: Double;
+}>;
+export type TabViewItems = ReadonlyArray<{
+    key: string;
+    title: string;
+    sfSymbol?: string;
+    badge?: string;
+    badgeBackgroundColor?: ProcessedColorValue | null;
+    badgeTextColor?: ProcessedColorValue | null;
+    activeTintColor?: ProcessedColorValue | null;
+    hidden?: boolean;
+    testID?: string;
+    role?: string;
+    preventsDefault?: boolean;
+}>;
+export interface TabViewProps extends ViewProps {
+    items: TabViewItems;
+    selectedPage: string;
+    onPageSelected?: DirectEventHandler<OnPageSelectedEventData>;
+    onTabLongPress?: DirectEventHandler<OnPageSelectedEventData>;
+    onTabBarMeasured?: DirectEventHandler<OnTabBarMeasured>;
+    onNativeLayout?: DirectEventHandler<OnNativeLayout>;
+    icons?: ReadonlyArray<ImageSource>;
+    tabBarHidden?: boolean;
+    labeled?: boolean;
+    sidebarAdaptable?: boolean;
+    scrollEdgeAppearance?: string;
+    barTintColor?: ColorValue;
+    translucent?: WithDefault<boolean, true>;
+    rippleColor?: ColorValue;
+    activeTintColor?: ColorValue;
+    inactiveTintColor?: ColorValue;
+    disablePageAnimations?: boolean;
+    activeIndicatorColor?: ColorValue;
+    hapticFeedbackEnabled?: boolean;
+    minimizeBehavior?: string;
+    fontFamily?: string;
+    fontWeight?: string;
+    fontSize?: Int32;
+    ignoreBottomInsets?: boolean;
+}
+declare const _default: import("react-native").HostComponent<TabViewProps>;
+export default _default;
+//# sourceMappingURL=TabViewNativeComponent.d.ts.map

package/lib/typescript/src/TabViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/TabViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,KAAK,EACV,kBAAkB,EAClB,MAAM,EACN,KAAK,EACL,WAAW,EACZ,MAAM,2CAA2C,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,GAAG,EAAE,MAAM,CAAC;CACb,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,MAAM,EAAE,KAAK,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC5C,eAAe,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,KAAK,EAAE,YAAY,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;IAC7D,cAAc,CAAC,EAAE,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACxD,cAAc,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;;AAED,wBAEG"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,16 @@
+import TabView from './TabView';
+/**
+ * Views
+ */
+export default TabView;
+/**
+ * Utilities
+ */
+export { SceneMap } from './SceneMap';
+export { useBottomTabBarHeight } from './utils/useBottomTabBarHeight';
+export { BottomTabBarHeightContext } from './utils/BottomTabBarHeightContext';
+/**
+ * Types
+ */
+export type { AppleIcon, TabRole } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC;;GAEG;AACH,eAAe,OAAO,CAAC;AAEvB;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAE9E;;GAEG;AACH,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -0,0 +1,29 @@
+import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
+import type { SFSymbol } from 'sf-symbols-typescript';
+export type IconSource = string | ImageSourcePropType;
+export type AppleIcon = {
+    sfSymbol: SFSymbol;
+};
+export type TabRole = 'search';
+export type BaseRoute = {
+    key: string;
+    title?: string;
+    badge?: string;
+    badgeBackgroundColor?: string;
+    badgeTextColor?: string;
+    lazy?: boolean;
+    focusedIcon?: ImageSourcePropType | AppleIcon;
+    unfocusedIcon?: ImageSourcePropType | AppleIcon;
+    activeTintColor?: string;
+    hidden?: boolean;
+    testID?: string;
+    role?: TabRole;
+    freezeOnBlur?: boolean;
+    style?: StyleProp<ViewStyle>;
+    preventsDefault?: boolean;
+};
+export type NavigationState<Route extends BaseRoute> = {
+    index: number;
+    routes: Route[];
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,mBAAmB,CAAC;AAEtD,MAAM,MAAM,SAAS,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE/C,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC9C,aAAa,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,SAAS,IAAI;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC"}

package/lib/typescript/src/utils/BottomTabBarHeightContext.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const BottomTabBarHeightContext: React.Context<number | undefined>;
+//# sourceMappingURL=BottomTabBarHeightContext.d.ts.map

package/lib/typescript/src/utils/BottomTabBarHeightContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomTabBarHeightContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/BottomTabBarHeightContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,yBAAyB,mCAE1B,CAAC"}

package/lib/typescript/src/utils/useBottomTabBarHeight.d.ts

@@ -0,0 +1,2 @@
+export declare function useBottomTabBarHeight(): number;
+//# sourceMappingURL=useBottomTabBarHeight.d.ts.map

package/lib/typescript/src/utils/useBottomTabBarHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBottomTabBarHeight.d.ts","sourceRoot":"","sources":["../../../../src/utils/useBottomTabBarHeight.ts"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,WAUpC"}

package/package.json

@@ -0,0 +1,114 @@
+{
+  "name": "@onekeyfe/react-native-tab-view",
+  "version": "1.1.31",
+  "description": "Native Bottom Tabs for React Native (UIKit implementation)",
+  "source": "./src/index.tsx",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "common",
+    "react-native.config.js",
+    "*.podspec",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "clean": "del-cli lib",
+    "prepare": "rm -rf lib && bob build",
+    "typecheck": "tsc -b",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "release": "yarn prepare && npm whoami && npm publish --access public"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nicholasxuu/app-modules.git",
+    "directory": "native-views/react-native-tab-view"
+  },
+  "author": "OneKey",
+  "homepage": "https://github.com/nicholasxuu/app-modules#readme",
+  "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.0",
+    "react": "19.2.0",
+    "react-native": "0.83.0",
+    "react-native-builder-bob": "^0.40.13",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "dependencies": {
+    "react-freeze": "^1.0.0",
+    "sf-symbols-typescript": "^2.0.0",
+    "use-latest-callback": "^0.2.1"
+  },
+  "codegenConfig": {
+    "name": "RNCTabView",
+    "type": "all",
+    "jsSrcsDir": "./src",
+    "android": {
+      "javaPackageName": "com.rcttabview"
+    },
+    "ios": {
+      "componentProvider": {
+        "RNCTabView": "RCTTabViewComponentView",
+        "BottomAccessoryView": "RCTBottomAccessoryComponentView"
+      },
+      "modulesConformingToProtocol": {
+        "RCTImageDataDecoder": [
+          "SvgDecoder"
+        ]
+      }
+    }
+  }
+}

package/react-native-tab-view.podspec

@@ -0,0 +1,36 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-tab-view"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.ios.deployment_target = "15.1"
+  s.module_name  = "TabViewModule"
+
+  s.source       = { :git => "https://github.com/nicholasxuu/app-modules.git", :tag => "#{s.version}" }
+
+  s.source_files = [
+    "ios/**/*.{swift}",
+    "ios/**/*.{h,m,mm,cpp}",
+  ]
+
+  s.static_framework = true
+
+  s.subspec "common" do |ss|
+    ss.source_files         = "common/cpp/**/*.{cpp,h}"
+    ss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/common/cpp\"" }
+  end
+
+  s.pod_target_xcconfig = {
+    'PRODUCT_MODULE_NAME' => 'TabViewModule',
+    'DEFINES_MODULE' => 'YES'
+  }
+
+  install_modules_dependencies(s)
+end

package/react-native.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  dependency: {
+    platforms: {
+      android: {
+        componentDescriptors: ['RNCTabViewComponentDescriptor'],
+        cmakeListsPath: undefined,
+        packageImportPath:
+          'import com.rcttabview.RCTTabViewPackage;',
+        packageInstance: 'new RCTTabViewPackage()',
+      },
+    },
+  },
+};

package/src/BottomAccessoryView.tsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import type { DimensionValue, NativeSyntheticEvent, ViewStyle } from 'react-native';
+import BottomAccessoryViewNativeComponent from './BottomAccessoryViewNativeComponent';
+
+const defaultStyle: ViewStyle = {
+  position: 'absolute',
+  top: 0,
+  left: 0,
+};
+
+export interface BottomAccessoryViewProps {
+  renderBottomAccessoryView: (props: {
+    placement: 'inline' | 'expanded' | 'none';
+  }) => React.ReactNode;
+}
+
+export const BottomAccessoryView = (props: BottomAccessoryViewProps) => {
+  const { renderBottomAccessoryView } = props;
+  const [bottomAccessoryDimensions, setBottomAccessoryDimensions] =
+    React.useState<
+      { width: DimensionValue; height: DimensionValue } | undefined
+    >({ width: '100%', height: '100%' });
+  const [placement, setPlacement] = React.useState<
+    'inline' | 'expanded' | 'none'
+  >('none');
+
+  const handleNativeLayout = React.useCallback(
+    (event: NativeSyntheticEvent<{ width: number; height: number }>) => {
+      const { width, height } = event.nativeEvent;
+      setBottomAccessoryDimensions({ width, height });
+    },
+    [setBottomAccessoryDimensions]
+  );
+
+  const handlePlacementChanged = React.useCallback(
+    (event: NativeSyntheticEvent<{ placement: string }>) => {
+      const newPlacement = event.nativeEvent.placement;
+      if (
+        newPlacement === 'inline' ||
+        newPlacement === 'expanded' ||
+        newPlacement === 'none'
+      ) {
+        setPlacement(newPlacement);
+      }
+    },
+    [setPlacement]
+  );
+
+  return (
+    <BottomAccessoryViewNativeComponent
+      style={[defaultStyle, bottomAccessoryDimensions]}
+      onNativeLayout={handleNativeLayout}
+      onPlacementChanged={handlePlacementChanged}
+    >
+      {renderBottomAccessoryView({ placement })}
+    </BottomAccessoryViewNativeComponent>
+  );
+};

package/src/BottomAccessoryViewNativeComponent.ts

@@ -0,0 +1,27 @@
+import { codegenNativeComponent } from 'react-native';
+import type { ViewProps } from 'react-native';
+import type {
+  DirectEventHandler,
+  Double,
+} from 'react-native/Libraries/Types/CodegenTypes';
+
+export type OnNativeLayout = Readonly<{
+  width: Double;
+  height: Double;
+}>;
+
+export type OnPlacementChanged = Readonly<{
+  placement: string;
+}>;
+
+export interface BottomAccessoryViewNativeProps extends ViewProps {
+  onNativeLayout?: DirectEventHandler<OnNativeLayout>;
+  onPlacementChanged?: DirectEventHandler<OnPlacementChanged>;
+}
+
+export default codegenNativeComponent<BottomAccessoryViewNativeProps>(
+  'BottomAccessoryView',
+  {
+    excludedPlatforms: ['android'],
+  }
+);

package/src/DelayedFreeze.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Freeze } from 'react-freeze';
+
+interface FreezeWrapperProps {
+  freeze: boolean;
+  children: React.ReactNode;
+}
+
+const ANIMATION_DELAY = 200;
+
+function DelayedFreeze({ freeze, children }: FreezeWrapperProps) {
+  const [freezeState, setFreezeState] = React.useState(false);
+
+  React.useEffect(() => {
+    const id = setTimeout(() => {
+      setFreezeState(freeze);
+    }, ANIMATION_DELAY);
+
+    return () => {
+      clearTimeout(id);
+    };
+  }, [freeze]);
+
+  return <Freeze freeze={freeze ? freezeState : false}>{children}</Freeze>;
+}
+
+export default DelayedFreeze;

package/src/NativeSVGDecoder.ts

@@ -0,0 +1,5 @@
+import { TurboModuleRegistry, type TurboModule } from 'react-native';
+
+export interface Spec extends TurboModule {}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SvgDecoder');

package/src/SceneMap.tsx

@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+type SceneProps = {
+  route: any;
+  jumpTo: (key: string) => void;
+};
+
+const SceneComponent = React.memo(
+  <T extends { component: React.ComponentType<any> } & SceneProps>({
+    component,
+    ...rest
+  }: T) => {
+    return React.createElement(component, rest);
+  }
+);
+
+SceneComponent.displayName = 'SceneComponent';
+
+export function SceneMap<T>(scenes: { [key: string]: React.ComponentType<T> }) {
+  return ({ route, jumpTo }: SceneProps) => {
+    const component = scenes[route.key];
+    if (!component) {
+      return null;
+    }
+    return (
+      <SceneComponent
+        key={route.key}
+        jumpTo={jumpTo}
+        component={component}
+        route={route}
+      />
+    );
+  };
+}