@react-navigation/material-top-tabs 8.0.0-alpha.5 → 8.0.0-alpha.50

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

@@ -1,3 +1,4 @@
+import type { Icon } from '@react-navigation/elements';
 import type { DefaultNavigatorOptions, Descriptor, NavigationHelpers, NavigationProp, ParamListBase, Route, RouteProp, TabActionHelpers, TabNavigationState, TabRouterOptions, Theme } from '@react-navigation/native';
 import type React from 'react';
 import type { Animated, ColorValue, PressableAndroidRippleConfig, StyleProp, TextStyle, ViewStyle } from 'react-native';
@@ -42,7 +43,7 @@ export type MaterialTopTabNavigationOptions = {
     /**
      * Title text for the screen.
      */
-    title?: string;
+    title?: string | undefined;
     /**
      * Title string of a tab displayed in the tab bar
      * or a function that given { focused: boolean, color: ColorValue } returns a React.Node, to display in tab bar.
@@ -53,116 +54,128 @@ export type MaterialTopTabNavigationOptions = {
         focused: boolean;
         color: ColorValue;
         children: string;
-    }) => React.ReactNode);
+    }) => React.ReactNode) | undefined;
     /**
      * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.
      * It's recommended to set this if you don't have a label for the tab.
      */
-    tabBarAccessibilityLabel?: string;
+    tabBarAccessibilityLabel?: string | undefined;
     /**
      * Whether label font should scale to respect Text Size accessibility settings.
      */
-    tabBarAllowFontScaling?: boolean;
+    tabBarAllowFontScaling?: boolean | undefined;
     /**
      * Whether the tab label should be visible. Defaults to `true`.
      */
-    tabBarShowLabel?: boolean;
+    tabBarShowLabel?: boolean | undefined;
     /**
-     * A function that given { focused: boolean, color: ColorValue } returns a React.Node to display in the tab bar.
+     * Icon to display for the tab.
      */
-    tabBarIcon?: (props: {
+    tabBarIcon?: Icon | ((props: {
         focused: boolean;
         color: ColorValue;
-    }) => React.ReactElement;
+        size: number;
+    }) => Icon | React.ReactNode);
     /**
      * Whether the tab icon should be visible. Defaults to `false`.
      */
-    tabBarShowIcon?: boolean;
+    tabBarShowIcon?: boolean | undefined;
     /**
      * Function that returns a React element to use as a badge for the tab.
      */
-    tabBarBadge?: () => React.ReactElement;
+    tabBarBadge?: (() => React.ReactElement) | undefined;
     /**
      * Function that returns a React element as the tab bar indicator.
      */
-    tabBarIndicator?: (props: Omit<Parameters<NonNullable<React.ComponentProps<typeof TabBar>['renderIndicator']>>[0], 'navigationState'> & {
+    tabBarIndicator?: ((props: Omit<Parameters<NonNullable<React.ComponentProps<typeof TabBar>['renderIndicator']>>[0], 'navigationState'> & {
         state: TabNavigationState<ParamListBase>;
-    }) => React.ReactNode;
+    }) => React.ReactNode) | undefined;
+    /**
+     * Variant of the tab bar.
+     *
+     * The following variants are available:
+     *
+     * - `primary`: the indicator matches the label & icon width and is centered under the tab.
+     * - `secondary`: the indicator spans the full tab width.
+     *
+     * Defaults to `primary`.
+     */
+    tabBarVariant?: 'primary' | 'secondary' | undefined;
     /**
      * Style object for the tab bar indicator.
      */
-    tabBarIndicatorStyle?: StyleProp<ViewStyle>;
+    tabBarIndicatorStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * Style object for the view containing the tab bar indicator.
      */
-    tabBarIndicatorContainerStyle?: StyleProp<ViewStyle>;
+    tabBarIndicatorContainerStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * ID to locate this tab button in tests.
      */
-    tabBarButtonTestID?: string;
+    tabBarButtonTestID?: string | undefined;
     /**
      * Color for the icon and label in the active tab.
      */
-    tabBarActiveTintColor?: ColorValue;
+    tabBarActiveTintColor?: ColorValue | undefined;
     /**
      * Color for the icon and label in the inactive tabs.
      */
-    tabBarInactiveTintColor?: ColorValue;
+    tabBarInactiveTintColor?: ColorValue | undefined;
     /**
      * Color for material ripple (Android >= 5.0 only).
      */
-    tabBarPressColor?: ColorValue;
+    tabBarPressColor?: ColorValue | undefined;
     /**
      * Opacity for pressed tab (iOS and Android < 5.0 only).
      */
-    tabBarPressOpacity?: number;
+    tabBarPressOpacity?: number | undefined;
     /**
      * Boolean indicating whether the tab bar bounces when overscrolling.
      */
-    tabBarBounces?: boolean;
+    tabBarBounces?: boolean | undefined;
     /**
      * Boolean indicating whether to make the tab bar scrollable.
      *
      * If you set this to `true`, you should also specify a width in `tabBarItemStyle` to improve the performance of initial render.
      */
-    tabBarScrollEnabled?: boolean;
+    tabBarScrollEnabled?: boolean | undefined;
     /**
      * Style object for the tab label.
      */
-    tabBarLabelStyle?: StyleProp<TextStyle>;
+    tabBarLabelStyle?: StyleProp<TextStyle> | undefined;
     /**
      * Style object for the individual tab items.
      */
-    tabBarItemStyle?: StyleProp<ViewStyle>;
+    tabBarItemStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * Style object for the view containing the tab items.
      */
-    tabBarContentContainerStyle?: StyleProp<ViewStyle>;
+    tabBarContentContainerStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * Style object for the the tab bar.
      */
-    tabBarStyle?: StyleProp<ViewStyle>;
+    tabBarStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * Gap between tabs
      */
-    tabBarGap?: number;
+    tabBarGap?: number | undefined;
     /**
      * Allows to customize the android ripple effect (Android >= 5.0 only).
      *
-     * Default: `{ borderless: true }`
+     * Default: `{ borderless: false, foreground: true }`
      */
-    tabBarAndroidRipple?: PressableAndroidRippleConfig;
+    tabBarAndroidRipple?: PressableAndroidRippleConfig | undefined;
     /**
      * Whether to enable swipe gestures when this screen is focused.
      * Swipe gestures are enabled by default. Passing `false` will disable swipe gestures,
      * but the user can still switch tabs by pressing the tab bar.
      */
-    swipeEnabled?: boolean;
+    swipeEnabled?: boolean | undefined;
     /**
      * Whether to enable animations when switching between tabs by pressing on the tab bar or programmatically.
      * Switching tab via swipe gesture will still result in an animation.
      */
-    animationEnabled?: boolean;
+    animationEnabled?: boolean | undefined;
     /**
      * Whether this screen should be lazily rendered. When this is set to `true`,
      * the screen will be rendered as it comes into the viewport.
@@ -174,12 +187,12 @@ export type MaterialTopTabNavigationOptions = {
      * when they come into the viewport. You can use the `lazyPlaceholder` prop to customize
      * what the user sees during this short period.
      */
-    lazy?: boolean;
+    lazy?: boolean | undefined;
     /**
      * When `lazy` is enabled, you can specify how many adjacent screens should be preloaded in advance with this prop.
      * This value defaults to `0` which means lazy pages are loaded as they come into the viewport.
      */
-    lazyPreloadDistance?: number;
+    lazyPreloadDistance?: number | undefined;
     /**
      * Function that returns a React element to render if this screen hasn't been rendered yet.
      * The `lazy` option also needs to be enabled for this to work.
@@ -188,11 +201,23 @@ export type MaterialTopTabNavigationOptions = {
      *
      * By default, this renders `null`.
      */
-    lazyPlaceholder?: () => React.ReactNode;
+    lazyPlaceholder?: (() => React.ReactNode) | undefined;
     /**
      * Style object for the component wrapping the screen content.
      */
-    sceneStyle?: StyleProp<ViewStyle>;
+    sceneStyle?: StyleProp<ViewStyle> | undefined;
+    /**
+     * What should happen when screens become inactive.
+     * - `pause`: Effects are cleaned up.
+     * - `none`: Screen renders normally
+     *
+     * Defaults to `pause`.
+     *
+     * If you set `lazy: false` or preload a screen,
+     * It won't be paused until after the first time it becomes focused.
+     * This makes sure that effects are run to initialize the screen.
+     */
+    inactiveBehavior?: ('pause' | 'none') | undefined;
 };
 export type MaterialTopTabDescriptor = Descriptor<MaterialTopTabNavigationOptions, MaterialTopTabNavigationProp<ParamListBase>, RouteProp<ParamListBase>>;
 export type MaterialTopTabDescriptorMap = Record<string, MaterialTopTabDescriptor>;
@@ -200,11 +225,11 @@ export type MaterialTopTabNavigationConfig = Omit<TabViewProps<Route<string>>, '
     /**
      * Function that returns a React element to display as the tab bar.
      */
-    tabBar?: (props: MaterialTopTabBarProps) => React.ReactNode;
+    tabBar?: ((props: MaterialTopTabBarProps) => React.ReactNode) | undefined;
     /**
      * Function that returns a React element to override the underlying adapter.
      */
-    adapter?: TabViewProps<Route<string>>['renderAdapter'];
+    adapter?: TabViewProps<Route<string>>['renderAdapter'] | undefined;
 };
 export type MaterialTopTabBarProps = Pick<TabBarProps<Route<string>>, 'position' | 'subscribe' | 'jumpTo'> & {
     state: TabNavigationState<ParamListBase>;

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

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

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import type { MaterialTopTabAnimationContext } from '../types';
+import type { MaterialTopTabAnimationContext } from '../types.js';
 export declare const TabAnimationContext: React.Context<MaterialTopTabAnimationContext | undefined>;
 //# sourceMappingURL=TabAnimationContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabAnimationContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/TabAnimationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AAE/D,eAAO,MAAM,mBAAmB,2DAEpB,CAAC"}
+{"version":3,"file":"TabAnimationContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/TabAnimationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,aAAU,CAAC;AAE/D,eAAO,MAAM,mBAAmB,2DAEpB,CAAC"}

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

@@ -1,2 +1,2 @@
-export declare function useTabAnimation(): import("../types").MaterialTopTabAnimationContext;
+export declare function useTabAnimation(): import("../types.js").MaterialTopTabAnimationContext;
 //# sourceMappingURL=useTabAnimation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTabAnimation.d.ts","sourceRoot":"","sources":["../../../../src/utils/useTabAnimation.tsx"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,sDAU9B"}
+{"version":3,"file":"useTabAnimation.d.ts","sourceRoot":"","sources":["../../../../src/utils/useTabAnimation.tsx"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,yDAU9B"}

package/lib/typescript/src/views/MaterialTopTabBar.d.ts

@@ -1,3 +1,4 @@
-import type { MaterialTopTabBarProps } from '../types';
-export declare function MaterialTopTabBar({ state, navigation, descriptors, ...rest }: MaterialTopTabBarProps): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+import type { MaterialTopTabBarProps } from '../types.js';
+export declare function MaterialTopTabBar({ state, navigation, descriptors, ...rest }: MaterialTopTabBarProps): React.JSX.Element;
 //# sourceMappingURL=MaterialTopTabBar.d.ts.map

package/lib/typescript/src/views/MaterialTopTabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialTopTabBar.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabBar.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AA4BvD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE,sBAAsB,2CAoHxB"}
+{"version":3,"file":"MaterialTopTabBar.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAU,CAAC;AA4BvD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE,sBAAsB,qBAyKxB"}

package/lib/typescript/src/views/MaterialTopTabView.d.ts

@@ -1,10 +1,10 @@
 import { type ParamListBase, type TabNavigationState } from '@react-navigation/native';
-import type { MaterialTopTabDescriptorMap, MaterialTopTabNavigationConfig, MaterialTopTabNavigationHelpers } from '../types';
+import type { MaterialTopTabDescriptorMap, MaterialTopTabNavigationConfig, MaterialTopTabNavigationHelpers } from '../types.js';
 type Props = MaterialTopTabNavigationConfig & {
     state: TabNavigationState<ParamListBase>;
     navigation: MaterialTopTabNavigationHelpers;
     descriptors: MaterialTopTabDescriptorMap;
 };
-export declare function MaterialTopTabView({ tabBar, state, navigation, descriptors, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function MaterialTopTabView({ tabBar, state, navigation, descriptors, ...rest }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=MaterialTopTabView.d.ts.map

package/lib/typescript/src/views/MaterialTopTabView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialTopTabView.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,kBAAkB,EAGxB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,KAAK,EAEV,2BAA2B,EAC3B,8BAA8B,EAC9B,+BAA+B,EAChC,MAAM,UAAU,CAAC;AAIlB,KAAK,KAAK,GAAG,8BAA8B,GAAG;IAC5C,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACzC,UAAU,EAAE,+BAA+B,CAAC;IAC5C,WAAW,EAAE,2BAA2B,CAAC;CAC1C,CAAC;AAMF,wBAAgB,kBAAkB,CAAC,EACjC,MAA4B,EAC5B,KAAK,EACL,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,2CAuEP"}
+{"version":3,"file":"MaterialTopTabView.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabView.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,kBAAkB,EAGxB,MAAM,0BAA0B,CAAC;AAKlC,OAAO,KAAK,EAEV,2BAA2B,EAC3B,8BAA8B,EAC9B,+BAA+B,EAEhC,MAAM,aAAU,CAAC;AAIlB,KAAK,KAAK,GAAG,8BAA8B,GAAG;IAC5C,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACzC,UAAU,EAAE,+BAA+B,CAAC;IAC5C,WAAW,EAAE,2BAA2B,CAAC;CAC1C,CAAC;AAMF,wBAAgB,kBAAkB,CAAC,EACjC,MAA4B,EAC5B,KAAK,EACL,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,+BAwGP"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/material-top-tabs",
   "description": "Integration for the animated tab view component from react-native-tab-view",
-  "version": "8.0.0-alpha.5",
+  "version": "8.0.0-alpha.50",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -26,7 +26,7 @@
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
-      "source": "./src/index.tsx",
+      "@react-navigation/source": "./src/index.tsx",
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
@@ -46,27 +46,26 @@
     "clean": "del lib"
   },
   "dependencies": {
-    "@react-navigation/elements": "^3.0.0-alpha.5",
-    "color": "^4.2.3",
-    "react-native-tab-view": "^5.0.0-alpha.1"
+    "@react-navigation/elements": "^3.0.0-alpha.49",
+    "react-native-tab-view": "^5.0.0-alpha.15"
   },
   "devDependencies": {
-    "@jest/globals": "^30.0.0",
-    "@react-navigation/native": "^8.0.0-alpha.5",
-    "@testing-library/react-native": "^13.2.1",
-    "@types/react": "~19.1.10",
-    "del-cli": "^6.0.0",
-    "react": "19.1.0",
-    "react-native": "0.81.4",
-    "react-native-builder-bob": "^0.40.12",
-    "react-native-pager-view": "^8.0.0",
-    "react-native-safe-area-context": "~5.6.0",
-    "react-test-renderer": "19.1.0",
-    "typescript": "^5.9.2"
+    "@jest/globals": "^30.4.1",
+    "@react-navigation/native": "^8.0.0-alpha.45",
+    "@testing-library/react-native": "^14.0.0",
+    "@types/react": "~19.2.17",
+    "del-cli": "^7.0.0",
+    "react": "19.2.3",
+    "react-native": "0.85.3",
+    "react-native-builder-bob": "^0.43.0",
+    "react-native-pager-view": "^8.0.1",
+    "react-native-safe-area-context": "~5.7.0",
+    "test-renderer": "1.2.0",
+    "typescript": "^6.0.3"
   },
   "peerDependencies": {
-    "@react-navigation/native": "^8.0.0-alpha.5",
-    "react": ">= 19.0.0",
+    "@react-navigation/native": "^8.0.0-alpha.45",
+    "react": ">= 19.2.0",
     "react-native": "*",
     "react-native-pager-view": ">= 7.0.0",
     "react-native-safe-area-context": ">= 5.5.0"
@@ -89,5 +88,5 @@
       ]
     ]
   },
-  "gitHead": "e70fcf951732df83d28fe5157408974346a1abbc"
+  "gitHead": "400f7128965fc92c335a3f6c27e3fa26113915e4"
 }

package/src/index.tsx

@@ -4,6 +4,7 @@
 export {
   createMaterialTopTabNavigator,
   createMaterialTopTabScreen,
+  type MaterialTopTabTypeBag,
 } from './navigators/createMaterialTopTabNavigator';
 
 /**

package/src/navigators/createMaterialTopTabNavigator.tsx

@@ -1,23 +1,18 @@
 import {
   createNavigatorFactory,
+  createScreenFactory,
+  type NavigatorTypeBagBase,
   type ParamListBase,
-  type StaticConfig,
-  type StaticParamList,
-  type StaticScreenConfig,
-  type StaticScreenConfigLinking,
-  type StaticScreenConfigScreen,
   type TabActionHelpers,
   type TabNavigationState,
   TabRouter,
   type TabRouterOptions,
-  type TypedNavigator,
   useNavigationBuilder,
 } from '@react-navigation/native';
 
 import type {
   MaterialTopTabNavigationEventMap,
   MaterialTopTabNavigationOptions,
-  MaterialTopTabNavigationProp,
   MaterialTopTabNavigatorProps,
 } from '../types';
 import { MaterialTopTabView } from '../views/MaterialTopTabView';
@@ -34,78 +29,44 @@ function MaterialTopTabNavigator({
   router,
   ...rest
 }: MaterialTopTabNavigatorProps) {
-  const { state, descriptors, navigation, NavigationContent } =
-    useNavigationBuilder<
-      TabNavigationState<ParamListBase>,
-      TabRouterOptions,
-      TabActionHelpers<ParamListBase>,
-      MaterialTopTabNavigationOptions,
-      MaterialTopTabNavigationEventMap
-    >(TabRouter, {
-      initialRouteName,
-      backBehavior,
-      routeNamesChangeBehavior,
-      children,
-      layout,
-      screenListeners,
-      screenOptions,
-      screenLayout,
-      router,
-    });
+  const { state, descriptors, navigation, render } = useNavigationBuilder<
+    TabNavigationState<ParamListBase>,
+    TabRouterOptions,
+    TabActionHelpers<ParamListBase>,
+    MaterialTopTabNavigationOptions,
+    MaterialTopTabNavigationEventMap
+  >(TabRouter, {
+    initialRouteName,
+    backBehavior,
+    routeNamesChangeBehavior,
+    children,
+    layout,
+    screenListeners,
+    screenOptions,
+    screenLayout,
+    router,
+  });
 
-  return (
-    <NavigationContent>
-      <MaterialTopTabView
-        {...rest}
-        state={state}
-        navigation={navigation}
-        descriptors={descriptors}
-      />
-    </NavigationContent>
+  return render(
+    <MaterialTopTabView
+      {...rest}
+      state={state}
+      navigation={navigation}
+      descriptors={descriptors}
+    />
   );
 }
 
-type MaterialTopTabTypeBag<ParamList extends {}> = {
-  ParamList: ParamList;
-  State: TabNavigationState<ParamList>;
+export interface MaterialTopTabTypeBag extends NavigatorTypeBagBase {
+  State: TabNavigationState<this['ParamList']>;
   ScreenOptions: MaterialTopTabNavigationOptions;
   EventMap: MaterialTopTabNavigationEventMap;
-  NavigationList: {
-    [RouteName in keyof ParamList]: MaterialTopTabNavigationProp<
-      ParamList,
-      RouteName
-    >;
-  };
+  ActionHelpers: TabActionHelpers<this['ParamList']>;
   Navigator: typeof MaterialTopTabNavigator;
-};
-
-export function createMaterialTopTabNavigator<
-  const ParamList extends ParamListBase,
->(): TypedNavigator<MaterialTopTabTypeBag<ParamList>, undefined>;
-export function createMaterialTopTabNavigator<
-  const Config extends StaticConfig<MaterialTopTabTypeBag<ParamListBase>>,
->(
-  config: Config
-): TypedNavigator<
-  MaterialTopTabTypeBag<StaticParamList<{ config: Config }>>,
-  Config
->;
-export function createMaterialTopTabNavigator(config?: unknown) {
-  return createNavigatorFactory(MaterialTopTabNavigator)(config);
 }
 
-export function createMaterialTopTabScreen<
-  const Linking extends StaticScreenConfigLinking,
-  const Screen extends StaticScreenConfigScreen,
->(
-  config: StaticScreenConfig<
-    Linking,
-    Screen,
-    TabNavigationState<ParamListBase>,
-    MaterialTopTabNavigationOptions,
-    MaterialTopTabNavigationEventMap,
-    MaterialTopTabNavigationProp<ParamListBase>
-  >
-) {
-  return config;
-}
+export const createMaterialTopTabNavigator =
+  createNavigatorFactory<MaterialTopTabTypeBag>(MaterialTopTabNavigator);
+
+export const createMaterialTopTabScreen =
+  createScreenFactory<MaterialTopTabTypeBag>();