diff --git a/.changeset/config.json b/.changeset/config.json
index d66664ad..0016a0bd 100644
--- a/.changeset/config.json
+++ b/.changeset/config.json
@@ -5,7 +5,8 @@
   "fixed": [
     [
       "react-native-bottom-tabs",
-      "@bottom-tabs/react-navigation"
+      "@bottom-tabs/react-navigation",
+      "@bottom-tabs/standard-navigation"
     ]
   ],
   "linked": [],
diff --git a/.changeset/standard-navigation-shared-adapter.md b/.changeset/standard-navigation-shared-adapter.md
new file mode 100644
index 00000000..e496c195
--- /dev/null
+++ b/.changeset/standard-navigation-shared-adapter.md
@@ -0,0 +1,6 @@
+---
+'@bottom-tabs/standard-navigation': minor
+'@bottom-tabs/react-navigation': minor
+---
+
+Move the native tabs implementation into a new framework-agnostic `@bottom-tabs/standard-navigation` package built on the `standard-navigation` contract, so Expo Router SDK 56+ apps can drive the same navigator through `unstable_createStandardRouterNavigator` without loading a second copy of React Navigation.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index afe3d690..9b4de4c4 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -30,6 +30,18 @@ jobs:
       - name: Typecheck files
         run: yarn typecheck
 
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1
+
+      - name: Setup
+        uses: ./.github/actions/setup
+
+      - name: Run unit tests
+        run: yarn test
+
   swift-lint:
     runs-on: ubuntu-latest
     steps:
diff --git a/README.md b/README.md
index 2452dfd3..f9cffc61 100644
--- a/README.md
+++ b/README.md
@@ -38,6 +38,7 @@ https://github.com/user-attachments/assets/09e96ac3-827d-4ac0-add0-e7b88ee9197c
 | [react-native-bottom-tabs](/packages/react-native-bottom-tabs)               | [![badge](https://img.shields.io/npm/v/react-native-bottom-tabs?style=for-the-badge)](https://www.npmjs.com/package/react-native-bottom-tabs)                             |
 | [@bottom-tabs/expo-template](/packages/expo-template)                        | [![badge](https://img.shields.io/npm/v/@bottom-tabs/expo-template.svg?style=for-the-badge)](https://www.npmjs.com/package/@bottom-tabs/expo-template)                     |
 | [@bottom-tabs/react-navigation](/packages/react-navigation)                  | [![badge](https://img.shields.io/npm/v/@bottom-tabs/react-navigation.svg?style=for-the-badge)](https://www.npmjs.com/package/@bottom-tabs/react-navigation)                   |
+| [@bottom-tabs/standard-navigation](/packages/standard-navigation)                              | [![badge](https://img.shields.io/npm/v/@bottom-tabs/standard-navigation.svg?style=for-the-badge)](https://www.npmjs.com/package/@bottom-tabs/standard-navigation)                           |
 
 ## Documentation
 
diff --git a/docs/docs/docs/getting-started/quick-start.mdx b/docs/docs/docs/getting-started/quick-start.mdx
index e8de61c8..e0e7c025 100644
--- a/docs/docs/docs/getting-started/quick-start.mdx
+++ b/docs/docs/docs/getting-started/quick-start.mdx
@@ -6,7 +6,6 @@ import { PackageManagerTabs } from '@theme';
 
 If you don't have an existing project, you can create a new [Expo](https://expo.dev) app using the following command:
 
-
 ```sh
 npx create-expo-app@latest NativeTabs --template @bottom-tabs/expo-template
 ```
@@ -15,16 +14,18 @@ npx create-expo-app@latest NativeTabs --template @bottom-tabs/expo-template
 
 <PackageManagerTabs command="install react-native-bottom-tabs" />
 
-If you are going to use [React Navigation / Expo Router Integration](/docs/guides/usage-with-react-navigation) make sure to install `@bottom-tabs/react-navigation`.
+If you are going to use the [React Navigation integration](/docs/guides/usage-with-react-navigation), or [Expo Router](/docs/guides/usage-with-expo-router) on SDK 52 to 55, also install `@bottom-tabs/react-navigation`.
 
 <PackageManagerTabs command="install @bottom-tabs/react-navigation" />
 
+For [Expo Router](/docs/guides/usage-with-expo-router) on SDK 56 or newer, install `@bottom-tabs/standard-navigation` instead.
+
+<PackageManagerTabs command="install @bottom-tabs/standard-navigation" />
 
 ### Expo
 
 Add the library plugin in your `app.json` config file and [create a new build](https://docs.expo.dev/develop/development-builds/create-a-build/).
 
-
 ```diff
   "expo": {
 +   "plugins": ["react-native-bottom-tabs"]
@@ -42,7 +43,6 @@ This library is not supported in [Expo Go](https://expo.dev/go).
 
 Edit `android/app/src/main/res/values/styles.xml` to inherit from provided theme in order to customize the appearance of the native bottom tabs.
 
-
 ```diff
 <resources>
 - <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
@@ -54,7 +54,6 @@ Edit `android/app/src/main/res/values/styles.xml` to inherit from provided theme
 
 Here you can read more about [Android Native Styling](/docs/guides/android-native-styling).
 
-
 ### iOS with Swift Package Manager
 
 The library ships a `Package.swift` for React Native's SwiftPM autolinking flow.
diff --git a/docs/docs/docs/guides/usage-with-expo-router.mdx b/docs/docs/docs/guides/usage-with-expo-router.mdx
index 111025c3..df33cb2b 100644
--- a/docs/docs/docs/guides/usage-with-expo-router.mdx
+++ b/docs/docs/docs/guides/usage-with-expo-router.mdx
@@ -2,39 +2,43 @@ import { PackageManagerTabs } from '@theme';
 
 # Usage with Expo Router
 
-First install `@bottom-tabs/react-navigation` which provides a native bottom tab navigator for React Navigation.
+Which package you need depends on your Expo SDK version, because Expo Router stopped depending on React Navigation starting from SDK 56.
 
-<PackageManagerTabs command="install @bottom-tabs/react-navigation" />
+| Expo SDK     | Package                            | Integration                              |
+| ------------ | ---------------------------------- | ---------------------------------------- |
+| 56 and newer | `@bottom-tabs/standard-navigation` | `unstable_createStandardRouterNavigator` |
+| 52 to 55     | `@bottom-tabs/react-navigation`    | `withLayoutContext`                      |
 
-Next, create a custom layout adapter for the native bottom tabs using `withLayoutContext` from Expo Router. Put it in `components/bottom-tabs.tsx` and export the navigator, so your layouts can import it:
+Expo SDK 51 and older is not supported. Those versions ship React Navigation 6, and `@bottom-tabs/react-navigation` requires React Navigation 7.
 
-```tsx
-import { withLayoutContext } from 'expo-router';
-import {
-  createNativeBottomTabNavigator,
-  NativeBottomTabNavigationOptions,
-  NativeBottomTabNavigationEventMap,
-} from '@bottom-tabs/react-navigation';
-import { ParamListBase, TabNavigationState } from '@react-navigation/native';
+## Expo SDK 56 and newer
 
-const BottomTabNavigator = createNativeBottomTabNavigator().Navigator;
+Install `@bottom-tabs/standard-navigation`, which provides a native bottom tab navigator built on the [`standard-navigation`](https://github.com/react-navigation/standard-navigation) contract that Expo Router speaks.
 
-export const Tabs = withLayoutContext<
-  NativeBottomTabNavigationOptions,
-  typeof BottomTabNavigator,
-  TabNavigationState<ParamListBase>,
-  NativeBottomTabNavigationEventMap
->(BottomTabNavigator);
-```
+<PackageManagerTabs command="install @bottom-tabs/standard-navigation" />
 
-> [!NOTE] Make sure to provide the correct types for the `withLayoutContext` function. Without it screen options won't have proper types.
+:::warning
+Do not install `@bottom-tabs/react-navigation` in an Expo Router 56+ app. Expo Router bundles its own copy of React Navigation.
+:::
+
+Create the navigator by handing the tab view to Expo Router's `unstable_createStandardRouterNavigator`. Put it in `components/bottom-tabs.tsx` and export it, so your layouts can import it:
+
+```tsx
+import { NativeBottomTabsContent } from '@bottom-tabs/standard-navigation';
+import { TabRouter, unstable_createStandardRouterNavigator } from 'expo-router';
+
+export const Tabs = unstable_createStandardRouterNavigator(
+  NativeBottomTabsContent,
+  TabRouter
+);
+```
 
-Then, use the `Tabs` navigator in your app:
+Then use it in your layout:
 
 ```tsx
-import { Platform } from "react-native";
+import { Platform } from 'react-native';
 
-import { Tabs } from "@/components/bottom-tabs";
+import { Tabs } from '@/components/bottom-tabs';
 
 export default function TabLayout() {
   return (
@@ -42,21 +46,21 @@ export default function TabLayout() {
       <Tabs.Screen
         name="index"
         options={{
-          title: "Home",
+          title: 'Home',
           tabBarIcon: () =>
-            Platform.OS === "ios"
-              ? { sfSymbol: "house" }
-              : require("@/assets/icons/house.png"),
+            Platform.OS === 'ios'
+              ? { sfSymbol: 'house' }
+              : require('@/assets/icons/house.png'),
         }}
       />
       <Tabs.Screen
         name="explore"
         options={{
-          title: "Explore",
+          title: 'Explore',
           tabBarIcon: () =>
-            Platform.OS === "ios"
-              ? { sfSymbol: "person" }
-              : require("@/assets/icons/person.png"),
+            Platform.OS === 'ios'
+              ? { sfSymbol: 'person' }
+              : require('@/assets/icons/person.png'),
         }}
       />
     </Tabs>
@@ -66,7 +70,57 @@ export default function TabLayout() {
 
 > [!NOTE] SF Symbols are only available on Apple platforms. On Android and web, pass an image with `require()` or a `{ uri }` object instead.
 
-For props and more information, see the [React Navigation integration guide](/docs/guides/usage-with-react-navigation), which documents every accepted `tabBarIcon` source.
+> [!NOTE] `unstable_createStandardRouterNavigator` is marked unstable by Expo and may change between minor releases.
+
+### Tint colors
+
+There is no theme in the Expo Router integration, so the tab bar falls back to platform defaults. Pass `tabBarActiveTintColor` and `tabBarInactiveTintColor` on the navigator to set them yourself.
+
+### Custom tab bar
+
+The `tabBar` function receives `state`, `descriptors`, `actions` and `emitter`. If your tab bar needs the router, call `useNavigation()` from `expo-router` inside it.
+
+## Expo SDK 52 to 55
+
+Install `@bottom-tabs/react-navigation`, which provides a native bottom tab navigator for React Navigation.
+
+<PackageManagerTabs command="install @bottom-tabs/react-navigation" />
+
+Create a custom layout adapter using `withLayoutContext` from Expo Router. Put it in `components/bottom-tabs.tsx` and export the navigator, so your layouts can import it:
+
+```tsx
+import { withLayoutContext } from 'expo-router';
+import {
+  createNativeBottomTabNavigator,
+  NativeBottomTabNavigationOptions,
+  NativeBottomTabNavigationEventMap,
+} from '@bottom-tabs/react-navigation';
+import { ParamListBase, TabNavigationState } from '@react-navigation/native';
+
+const BottomTabNavigator = createNativeBottomTabNavigator().Navigator;
+
+export const Tabs = withLayoutContext<
+  NativeBottomTabNavigationOptions,
+  typeof BottomTabNavigator,
+  TabNavigationState<ParamListBase>,
+  NativeBottomTabNavigationEventMap
+>(BottomTabNavigator);
+```
+
+> [!NOTE] Make sure to provide the correct types for the `withLayoutContext` function. Without it screen options won't have proper types.
+
+The layout itself is the same as above.
+
+### Upgrading to SDK 56 or newer
+
+On SDK 56+ this setup loads a second copy of React Navigation, whose contexts do not line up with the router's.
+
+To upgrade:
+
+1. Replace `@bottom-tabs/react-navigation` with `@bottom-tabs/standard-navigation`.
+2. Swap `withLayoutContext` for `unstable_createStandardRouterNavigator` as shown above. The generic type arguments are no longer needed.
+3. Uninstall the `@react-navigation/*` packages, and import from `expo-router/react-navigation` instead. That entry point re-exports Expo Router's own copy of React Navigation.
 
-Example: [okwasniewski/ExpoNativeTabs](https://github.com/okwasniewski/ExpoNativeTabs)
+## Options and props
 
+For props and more information, see the [React Navigation integration guide](/docs/guides/usage-with-react-navigation), which documents every accepted `tabBarIcon` source. Screen options are identical across both integrations.
diff --git a/docs/docs/docs/guides/usage-with-react-navigation.mdx b/docs/docs/docs/guides/usage-with-react-navigation.mdx
index 8ff246ac..f00b31da 100644
--- a/docs/docs/docs/guides/usage-with-react-navigation.mdx
+++ b/docs/docs/docs/guides/usage-with-react-navigation.mdx
@@ -492,3 +492,61 @@ import { BottomTabBarHeightContext } from 'react-native-bottom-tabs';
   )}
 </BottomTabBarHeightContext.Consumer>
 ```
+
+## Using the shared navigator directly
+
+`createNativeBottomTabNavigator` is a thin wrapper over the framework-agnostic navigator in `@bottom-tabs/standard-navigation`. If you need a different router, or want to supply your own props, wire it up yourself:
+
+```tsx
+import {
+  nativeBottomTabsNavigator,
+  type NativeBottomTabNavigationOptions,
+  type NativeBottomTabsEventMap,
+  type NativeBottomTabsNavigatorProps,
+} from '@bottom-tabs/standard-navigation';
+import {
+  createStandardNavigationFactories,
+  TabRouter,
+  type ParamListBase,
+  type StandardNavigationTypeBagBase,
+  type TabActionHelpers,
+  type TabNavigationState,
+  type TabRouterOptions,
+} from '@react-navigation/native';
+import type { ComponentType } from 'react';
+
+interface NativeBottomTabsTypeBag extends StandardNavigationTypeBagBase {
+  State: TabNavigationState<ParamListBase>;
+  ScreenOptions: NativeBottomTabNavigationOptions;
+  EventMap: NativeBottomTabsEventMap;
+  RouterOptions: TabRouterOptions;
+  ActionHelpers: TabActionHelpers<ParamListBase>;
+  Navigator: ComponentType<NativeBottomTabsNavigatorProps>;
+}
+
+const { createNavigator } = createStandardNavigationFactories<
+  NativeBottomTabsTypeBag,
+  NativeBottomTabsNavigatorProps
+>(nativeBottomTabsNavigator, TabRouter);
+
+const Tab = createNavigator();
+```
+
+This requires `@react-navigation/native` 7.3.0 or newer.
+
+> [!NOTE] `createStandardNavigationFactories` cannot infer it, so calling it without the type arguments leaves screen options as `{}` and makes every navigator prop a type error. `Navigator` is what carries the navigator props through to `Tab.Navigator`; swap `State`, `RouterOptions` and `ActionHelpers` to match whichever router you pass.
+
+Wiring it yourself skips the theme, so the tab bar falls back to platform defaults. Pass `defaultTintColors` to supply your own fallbacks, either as a prop on `Tab.Navigator` or from a mapper:
+
+```tsx
+import { useTheme } from '@react-navigation/native';
+
+const { createNavigator } = createStandardNavigationFactories<
+  NativeBottomTabsTypeBag,
+  NativeBottomTabsNavigatorProps
+>(nativeBottomTabsNavigator, TabRouter, () => {
+  const { colors } = useTheme();
+
+  return { defaultTintColors: { active: colors.primary } };
+});
+```
diff --git a/packages/example-shared/babel.config.js b/packages/example-shared/babel.config.js
index 6164f23b..4ab2b18d 100644
--- a/packages/example-shared/babel.config.js
+++ b/packages/example-shared/babel.config.js
@@ -9,8 +9,12 @@ module.exports = function (api) {
 
   const alias = Object.fromEntries(
     fs
-      .readdirSync(packages)
-      .filter((name) => !name.startsWith('.'))
+      .readdirSync(packages, { withFileTypes: true })
+      .filter((entry) => entry.isDirectory() && !entry.name.startsWith('.'))
+      .map((entry) => entry.name)
+      .filter((name) =>
+        fs.existsSync(path.join(packages, name, 'package.json'))
+      )
       .map((name) => {
         const pak = require(`../../packages/${name}/package.json`);
 
diff --git a/packages/react-navigation/package.json b/packages/react-navigation/package.json
index ebf38249..333f6d20 100644
--- a/packages/react-navigation/package.json
+++ b/packages/react-navigation/package.json
@@ -29,7 +29,7 @@
     "!**/.*"
   ],
   "scripts": {
-    "test": "jest --passWithNoTests",
+    "test": "jest",
     "typecheck": "tsc -b",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "build": "bob build"
@@ -57,15 +57,19 @@
   },
   "devDependencies": {
     "@react-navigation/native": "^7.3.0",
+    "@testing-library/react-native": "^14.0.1",
     "@types/color": "^4.2.0",
+    "@types/jest": "^29.5.5",
     "jest": "^29.7.0",
     "react": "^19.1.0",
     "react-native": "0.81.1",
     "react-native-bottom-tabs": "*",
     "react-native-builder-bob": "^0.40.13",
+    "test-renderer": "^1.2.0",
     "typescript": "^5.9.2"
   },
   "dependencies": {
+    "@bottom-tabs/standard-navigation": "1.4.0",
     "color": "^5.0.0"
   },
   "peerDependencies": {
@@ -76,9 +80,14 @@
   },
   "jest": {
     "preset": "react-native",
+    "moduleNameMapper": {
+      "^@bottom-tabs/standard-navigation$": "<rootDir>/../standard-navigation/src/index.tsx"
+    },
     "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
       "<rootDir>/lib/"
+    ],
+    "transformIgnorePatterns": [
+      "node_modules/(?!((jest-)?react-native|@react-native(-community)?|@react-navigation|standard-navigation|color(-convert|-name|-string)?|simple-swizzle)/)"
     ]
   },
   "react-native-builder-bob": {
diff --git a/packages/react-navigation/src/__tests__/NativeBottomTabView.test.tsx b/packages/react-navigation/src/__tests__/NativeBottomTabView.test.tsx
new file mode 100644
index 00000000..bdb84be7
--- /dev/null
+++ b/packages/react-navigation/src/__tests__/NativeBottomTabView.test.tsx
@@ -0,0 +1,97 @@
+import { render } from '@testing-library/react-native';
+
+import NativeBottomTabView from '../views/NativeBottomTabView';
+
+let tabViewProps: Record<string, any>;
+
+jest.mock('react-native-bottom-tabs', () => ({
+  __esModule: true,
+  default: (props: Record<string, any>) => {
+    tabViewProps = props;
+    return null;
+  },
+}));
+
+const state = {
+  key: 'tab-state',
+  index: 0,
+  routeNames: ['Home', 'Explore'],
+  routes: [
+    { key: 'Home-key', name: 'Home' },
+    { key: 'Explore-key', name: 'Explore' },
+  ],
+  type: 'tab' as const,
+  stale: false as const,
+  history: [],
+  preloadedRouteKeys: [],
+};
+
+const renderView = async (props: Record<string, any> = {}) => {
+  const navigation = {
+    dispatch: jest.fn(),
+    goBack: jest.fn(),
+    emit: jest.fn(() => ({ defaultPrevented: false })),
+  };
+
+  const descriptors = Object.fromEntries(
+    state.routes.map((route) => [
+      route.key,
+      { options: {}, render: () => `${route.name} scene` },
+    ])
+  );
+
+  await render(
+    <NativeBottomTabView
+      {...(props as any)}
+      state={state as any}
+      navigation={navigation as any}
+      descriptors={descriptors as any}
+    />
+  );
+
+  return { navigation };
+};
+
+beforeEach(() => {
+  tabViewProps = {};
+});
+
+it('renders the tab view from React Navigation props', async () => {
+  await renderView();
+
+  expect(tabViewProps.navigationState.index).toBe(0);
+  expect(tabViewProps.getLabelText({ route: state.routes[0] })).toBe('Home');
+});
+
+it('dispatches a navigate action targeting the navigator state', async () => {
+  const { navigation } = await renderView();
+
+  tabViewProps.onIndexChange(1);
+
+  expect(navigation.dispatch).toHaveBeenCalledWith(
+    expect.objectContaining({ target: 'tab-state' })
+  );
+});
+
+it('emits tab events through the navigation helpers', async () => {
+  const { navigation } = await renderView();
+
+  tabViewProps.onTabLongPress(1);
+
+  expect(navigation.emit).toHaveBeenCalledWith({
+    type: 'tabLongPress',
+    target: 'Explore-key',
+  });
+});
+
+it('passes navigation to a custom tab bar', async () => {
+  const tabBar = jest.fn(() => null);
+
+  const { navigation } = await renderView({ tabBar });
+
+  tabViewProps.tabBar();
+
+  expect(tabBar).toHaveBeenCalledWith(
+    expect.objectContaining({ navigation, descriptors: expect.any(Object) })
+  );
+});
diff --git a/packages/react-navigation/src/__tests__/createNativeBottomTabNavigator.test.tsx b/packages/react-navigation/src/__tests__/createNativeBottomTabNavigator.test.tsx
new file mode 100644
index 00000000..357739b4
--- /dev/null
+++ b/packages/react-navigation/src/__tests__/createNativeBottomTabNavigator.test.tsx
@@ -0,0 +1,369 @@
+import {
+  type Theme,
+  DefaultTheme,
+  NavigationContainer,
+} from '@react-navigation/native';
+import { act, render } from '@testing-library/react-native';
+import * as React from 'react';
+import { Text } from 'react-native';
+
+import createNativeBottomTabNavigator from '../navigators/createNativeBottomTabNavigator';
+import type {
+  BottomTabBarProps,
+  NativeBottomTabNavigationOptions,
+} from '../types';
+
+/**
+ * These tests assert on the props the navigator hands to the native `TabView`,
+ * which is the contract every consumer ultimately depends on.
+ */
+let tabViewProps: Record<string, any>;
+
+jest.mock('react-native-bottom-tabs', () => ({
+  __esModule: true,
+  default: (props: Record<string, any>) => {
+    tabViewProps = props;
+    return null;
+  },
+}));
+
+const Tab = createNativeBottomTabNavigator();
+
+const ROUTES = ['Home', 'Explore'] as const;
+
+type NavigatorProps = Partial<React.ComponentProps<typeof Tab.Navigator>> & {
+  theme?: Theme;
+};
+
+const renderNavigator = async ({
+  screenOptions,
+  options = {},
+  theme,
+  ...navigatorProps
+}: NavigatorProps & {
+  options?: Partial<
+    Record<(typeof ROUTES)[number], NativeBottomTabNavigationOptions>
+  >;
+} = {}) => {
+  await render(
+    <NavigationContainer theme={theme}>
+      <Tab.Navigator screenOptions={screenOptions} {...navigatorProps}>
+        {ROUTES.map((name) => (
+          <Tab.Screen key={name} name={name} options={options[name]}>
+            {() => <Text>{name} screen</Text>}
+          </Tab.Screen>
+        ))}
+      </Tab.Navigator>
+    </NavigationContainer>
+  );
+};
+
+/** Every `getX` prop is called by `TabView` with the route it is rendering. */
+const forRoute = (name: (typeof ROUTES)[number]) => {
+  const route = tabViewProps.navigationState.routes.find(
+    (it: { name: string }) => it.name === name
+  );
+
+  if (!route) {
+    throw new Error(`No route named '${name}' in the navigation state.`);
+  }
+
+  return route;
+};
+
+beforeEach(() => {
+  tabViewProps = {};
+});
+
+describe('navigator props', () => {
+  it('rejects a prop of the wrong type', () => {
+    type TintColor = React.ComponentProps<
+      typeof Tab.Navigator
+    >['tabBarActiveTintColor'];
+
+    // @ts-expect-error - a number is not a valid tint color
+    const invalidTintColor: TintColor = 42;
+
+    expect(invalidTintColor).toBe(42);
+  });
+});
+
+describe('navigation state', () => {
+  it('passes the router state straight through to the tab view', async () => {
+    await renderNavigator();
+
+    expect(tabViewProps.navigationState.index).toBe(0);
+    expect(
+      tabViewProps.navigationState.routes.map((it: { name: string }) => it.name)
+    ).toEqual(['Home', 'Explore']);
+  });
+
+  it('renders a scene through the descriptor', async () => {
+    await renderNavigator();
+
+    expect(tabViewProps.renderScene({ route: forRoute('Home') })).toBeTruthy();
+  });
+});
+
+describe('screen options', () => {
+  it.each([
+    ['getBadge', 'tabBarBadge', '3'],
+    ['getBadgeBackgroundColor', 'tabBarBadgeBackgroundColor', '#ff0000'],
+    ['getBadgeTextColor', 'tabBarBadgeTextColor', '#00ff00'],
+    ['getTestID', 'tabBarButtonTestID', 'home-tab'],
+    ['getRole', 'role', 'search'],
+    ['getIconRenderingMode', 'tabBarIconRenderingMode', 'original'],
+    ['getActiveTintColor', 'tabBarActiveTintColor', '#123456'],
+    ['getFreezeOnBlur', 'freezeOnBlur', true],
+    ['getSceneStyle', 'sceneStyle', { backgroundColor: 'red' }],
+    ['getPreventsDefault', 'preventsDefault', true],
+  ] as const)('maps %s from the %s option', async (getter, option, value) => {
+    await renderNavigator({ options: { Home: { [option]: value } } });
+
+    expect(tabViewProps[getter]({ route: forRoute('Home') })).toEqual(value);
+    expect(
+      tabViewProps[getter]({ route: forRoute('Explore') })
+    ).toBeUndefined();
+  });
+
+  it('reports a tab as hidden only when tabBarItemHidden is true', async () => {
+    await renderNavigator({ options: { Home: { tabBarItemHidden: true } } });
+
+    expect(tabViewProps.getHidden({ route: forRoute('Home') })).toBe(true);
+    expect(tabViewProps.getHidden({ route: forRoute('Explore') })).toBe(false);
+  });
+
+  it('defaults lazy to true', async () => {
+    await renderNavigator({ options: { Home: { lazy: false } } });
+
+    expect(tabViewProps.getLazy({ route: forRoute('Home') })).toBe(false);
+    expect(tabViewProps.getLazy({ route: forRoute('Explore') })).toBe(true);
+  });
+
+  it('calls tabBarIcon with the focused state', async () => {
+    const tabBarIcon = jest.fn(() => ({ sfSymbol: 'house' }) as const);
+
+    await renderNavigator({ options: { Home: { tabBarIcon } } });
+
+    expect(
+      tabViewProps.getIcon({ route: forRoute('Home'), focused: true })
+    ).toEqual({ sfSymbol: 'house' });
+    expect(tabBarIcon).toHaveBeenCalledWith({ focused: true });
+  });
+
+  it('returns no icon when the option is unset', async () => {
+    await renderNavigator();
+
+    expect(
+      tabViewProps.getIcon({ route: forRoute('Home'), focused: false })
+    ).toBeNull();
+  });
+});
+
+describe('label', () => {
+  it('prefers tabBarLabel over title', async () => {
+    await renderNavigator({
+      options: { Home: { tabBarLabel: 'Label', title: 'Title' } },
+    });
+
+    expect(tabViewProps.getLabelText({ route: forRoute('Home') })).toBe(
+      'Label'
+    );
+  });
+
+  it('falls back to title when tabBarLabel is unset', async () => {
+    await renderNavigator({ options: { Home: { title: 'Title' } } });
+
+    expect(tabViewProps.getLabelText({ route: forRoute('Home') })).toBe(
+      'Title'
+    );
+  });
+
+  it('falls back to the route name when neither is set', async () => {
+    await renderNavigator();
+
+    expect(tabViewProps.getLabelText({ route: forRoute('Home') })).toBe('Home');
+  });
+});
+
+describe('tint colors', () => {
+  const theme: Theme = {
+    ...DefaultTheme,
+    colors: {
+      ...DefaultTheme.colors,
+      primary: '#ff0000',
+      text: '#000000',
+      card: '#ffffff',
+    },
+  };
+
+  it('derives defaults from the navigation theme', async () => {
+    await renderNavigator({ theme });
+
+    expect(tabViewProps.tabBarActiveTintColor).toBe('#ff0000');
+    // A 50% mix of the theme's text and card colors.
+    expect(tabViewProps.tabBarInactiveTintColor).toBe('#808080');
+  });
+
+  it('weighs the default inactive tint by alpha', async () => {
+    await renderNavigator({
+      theme: {
+        ...theme,
+        colors: { ...theme.colors, text: 'rgba(0, 0, 0, 0)' },
+      },
+    });
+
+    // A fully transparent text color contributes nothing to the mix.
+    expect(tabViewProps.tabBarInactiveTintColor).toBe('#FFFFFF');
+  });
+
+  it('lets the navigator props win over the theme', async () => {
+    await renderNavigator({
+      theme,
+      tabBarActiveTintColor: '#00ff00',
+      tabBarInactiveTintColor: '#0000ff',
+    });
+
+    expect(tabViewProps.tabBarActiveTintColor).toBe('#00ff00');
+    expect(tabViewProps.tabBarInactiveTintColor).toBe('#0000ff');
+  });
+});
+
+describe('tab press', () => {
+  const pressTab = async (index: number) => {
+    await act(async () => {
+      tabViewProps.onIndexChange(index);
+    });
+  };
+
+  it('navigates to the pressed tab', async () => {
+    await renderNavigator();
+
+    await pressTab(1);
+
+    expect(tabViewProps.navigationState.index).toBe(1);
+  });
+
+  it('emits tabPress before navigating', async () => {
+    const tabPress = jest.fn();
+
+    await renderNavigator({ screenListeners: { tabPress } });
+    await pressTab(1);
+
+    expect(tabPress).toHaveBeenCalledTimes(1);
+    expect(tabViewProps.navigationState.index).toBe(1);
+  });
+
+  it('does not navigate when a listener prevents the default', async () => {
+    await renderNavigator({
+      screenListeners: {
+        tabPress: (event: { preventDefault: () => void }) =>
+          event.preventDefault(),
+      },
+    });
+
+    await pressTab(1);
+
+    expect(tabViewProps.navigationState.index).toBe(0);
+  });
+
+  it('does not navigate when the screen sets preventsDefault', async () => {
+    await renderNavigator({ options: { Explore: { preventsDefault: true } } });
+
+    await pressTab(1);
+
+    expect(tabViewProps.navigationState.index).toBe(0);
+  });
+
+  it('emits tabPress on the focused tab but does not re-navigate', async () => {
+    const tabPress = jest.fn();
+
+    await renderNavigator({ screenListeners: { tabPress } });
+    await pressTab(0);
+
+    expect(tabPress).toHaveBeenCalledTimes(1);
+    expect(tabViewProps.navigationState.index).toBe(0);
+  });
+
+  it('ignores an out-of-range index', async () => {
+    await renderNavigator();
+
+    await pressTab(99);
+
+    expect(tabViewProps.navigationState.index).toBe(0);
+  });
+});
+
+describe('tab long press', () => {
+  it('emits tabLongPress for the pressed tab', async () => {
+    const tabLongPress = jest.fn();
+
+    await renderNavigator({ screenListeners: { tabLongPress } });
+
+    await act(async () => {
+      tabViewProps.onTabLongPress(1);
+    });
+
+    expect(tabLongPress).toHaveBeenCalledTimes(1);
+  });
+
+  it('ignores an out-of-range index', async () => {
+    const tabLongPress = jest.fn();
+
+    await renderNavigator({ screenListeners: { tabLongPress } });
+
+    await act(async () => {
+      tabViewProps.onTabLongPress(99);
+    });
+
+    expect(tabLongPress).not.toHaveBeenCalled();
+  });
+});
+
+describe('custom tab bar', () => {
+  it('is called with the navigation state, descriptors and navigation', async () => {
+    const tabBar = jest.fn((_: BottomTabBarProps) => null);
+
+    await renderNavigator({ tabBar });
+
+    tabViewProps.tabBar();
+
+    const props = tabBar.mock.calls[0]![0];
+
+    expect(props.state.routes.map((it) => it.name)).toEqual([
+      'Home',
+      'Explore',
+    ]);
+    expect(Object.keys(props.descriptors)).toHaveLength(2);
+    expect(typeof props.navigation.emit).toBe('function');
+  });
+
+  /**
+   * `BottomTabBar` from `@react-navigation/bottom-tabs` reads `state.key` and
+   * the per-route `navigation` and `route` off the descriptors. The standard
+   * navigation contract projects those away, so the navigator has to keep
+   * building the React Navigation state itself.
+   */
+  it('is called with descriptors carrying the full React Navigation shape', async () => {
+    const tabBar = jest.fn((_: BottomTabBarProps) => null);
+
+    await renderNavigator({ tabBar });
+
+    tabViewProps.tabBar();
+
+    const props = tabBar.mock.calls[0]![0];
+    const descriptor = props.descriptors[props.state.routes[0]!.key]!;
+
+    expect(typeof props.state.key).toBe('string');
+    expect(typeof descriptor.navigation.dispatch).toBe('function');
+    expect(typeof descriptor.navigation.navigate).toBe('function');
+    expect(descriptor.route.name).toBe('Home');
+    expect(typeof descriptor.render).toBe('function');
+  });
+
+  it('is left undefined when no custom tab bar is given', async () => {
+    await renderNavigator();
+
+    expect(tabViewProps.tabBar).toBeUndefined();
+  });
+});
diff --git a/packages/react-navigation/src/__tests__/sharedNavigator.test.tsx b/packages/react-navigation/src/__tests__/sharedNavigator.test.tsx
new file mode 100644
index 00000000..5d9e3719
--- /dev/null
+++ b/packages/react-navigation/src/__tests__/sharedNavigator.test.tsx
@@ -0,0 +1,117 @@
+import {
+  nativeBottomTabsNavigator,
+  type NativeBottomTabNavigationOptions,
+  type NativeBottomTabsEventMap,
+  type NativeBottomTabsNavigatorProps,
+} from '@bottom-tabs/standard-navigation';
+import {
+  createStandardNavigationFactories,
+  NavigationContainer,
+  TabRouter,
+  useTheme,
+  type ParamListBase,
+  type StandardNavigationTypeBagBase,
+  type TabActionHelpers,
+  type TabNavigationState,
+  type TabRouterOptions,
+} from '@react-navigation/native';
+import { render } from '@testing-library/react-native';
+import type * as React from 'react';
+import { Text } from 'react-native';
+
+let tabViewProps: Record<string, any>;
+
+jest.mock('react-native-bottom-tabs', () => ({
+  __esModule: true,
+  default: (props: Record<string, any>) => {
+    tabViewProps = props;
+    return null;
+  },
+}));
+
+interface NativeBottomTabsTypeBag extends StandardNavigationTypeBagBase {
+  State: TabNavigationState<ParamListBase>;
+  ScreenOptions: NativeBottomTabNavigationOptions;
+  EventMap: NativeBottomTabsEventMap;
+  RouterOptions: TabRouterOptions;
+  ActionHelpers: TabActionHelpers<ParamListBase>;
+  Navigator: React.ComponentType<NativeBottomTabsNavigatorProps>;
+}
+
+const { createNavigator } = createStandardNavigationFactories<
+  NativeBottomTabsTypeBag,
+  NativeBottomTabsNavigatorProps
+>(nativeBottomTabsNavigator, TabRouter);
+
+const Tab = createNavigator();
+
+const { createNavigator: createThemedNavigator } =
+  createStandardNavigationFactories<
+    NativeBottomTabsTypeBag,
+    NativeBottomTabsNavigatorProps
+  >(nativeBottomTabsNavigator, TabRouter, () => {
+    const { colors } = useTheme();
+
+    return { defaultTintColors: { active: colors.primary } };
+  });
+
+const ThemedTab = createThemedNavigator();
+
+const screens = (Navigator: typeof Tab) => (
+  <Navigator.Navigator tabBarActiveTintColor="#ff0000">
+    <Navigator.Screen name="Home" options={{ title: 'Home', tabBarBadge: '3' }}>
+      {() => <Text>Home screen</Text>}
+    </Navigator.Screen>
+  </Navigator.Navigator>
+);
+
+beforeEach(() => {
+  tabViewProps = {};
+});
+
+it('drives the native view through the shared navigator', async () => {
+  await render(<NavigationContainer>{screens(Tab)}</NavigationContainer>);
+
+  expect(
+    tabViewProps.navigationState.routes.map((it: { name: string }) => it.name)
+  ).toEqual(['Home']);
+  expect(tabViewProps.tabBarActiveTintColor).toBe('#ff0000');
+  expect(
+    tabViewProps.getLabelText({ route: tabViewProps.navigationState.routes[0] })
+  ).toBe('Home');
+});
+
+it('takes tint fallbacks from a mapper', async () => {
+  await render(
+    <NavigationContainer>
+      <ThemedTab.Navigator>
+        <ThemedTab.Screen name="Home">
+          {() => <Text>Home screen</Text>}
+        </ThemedTab.Screen>
+      </ThemedTab.Navigator>
+    </NavigationContainer>
+  );
+
+  expect(tabViewProps.tabBarActiveTintColor).toBe('rgb(0, 122, 255)');
+});
+
+it('types the navigator props and screen options', () => {
+  const rejectsAWrongNavigatorProp = () => (
+    // @ts-expect-error - a number is not a valid tint color
+    <Tab.Navigator tabBarActiveTintColor={42} />
+  );
+
+  const rejectsAnUnknownScreenOption = () => (
+    <Tab.Navigator>
+      {/* @ts-expect-error - not a screen option this navigator accepts */}
+      <Tab.Screen name="Home" options={{ notARealOption: true }}>
+        {() => <Text>Home screen</Text>}
+      </Tab.Screen>
+    </Tab.Navigator>
+  );
+
+  expect([
+    rejectsAWrongNavigatorProp,
+    rejectsAnUnknownScreenOption,
+  ]).toHaveLength(2);
+});
diff --git a/packages/react-navigation/src/navigators/createNativeBottomTabNavigator.tsx b/packages/react-navigation/src/navigators/createNativeBottomTabNavigator.tsx
index 58f16478..221a7c7c 100644
--- a/packages/react-navigation/src/navigators/createNativeBottomTabNavigator.tsx
+++ b/packages/react-navigation/src/navigators/createNativeBottomTabNavigator.tsx
@@ -44,21 +44,9 @@ function NativeBottomTabNavigator({
   screenOptions,
   screenLayout,
   UNSTABLE_router,
-  tabBarActiveTintColor: customActiveTintColor,
-  tabBarInactiveTintColor: customInactiveTintColor,
-  layoutDirection = 'locale',
   ...rest
 }: NativeBottomTabNavigatorProps) {
   const { colors } = useTheme();
-  const activeTintColor =
-    customActiveTintColor === undefined
-      ? colors.primary
-      : customActiveTintColor;
-
-  const inactiveTintColor =
-    customInactiveTintColor === undefined
-      ? Color(colors.text).mix(Color(colors.card), 0.5).hex()
-      : customInactiveTintColor;
 
   const { state, descriptors, navigation, NavigationContent } =
     useNavigationBuilder<
@@ -84,9 +72,10 @@ function NativeBottomTabNavigator({
     <NavigationContent>
       <NativeBottomTabView
         {...rest}
-        layoutDirection={layoutDirection}
-        tabBarActiveTintColor={activeTintColor}
-        tabBarInactiveTintColor={inactiveTintColor}
+        defaultTintColors={{
+          active: colors.primary,
+          inactive: Color(colors.text).mix(Color(colors.card), 0.5).hex(),
+        }}
         state={state}
         navigation={navigation}
         descriptors={descriptors}
diff --git a/packages/react-navigation/src/views/NativeBottomTabView.tsx b/packages/react-navigation/src/views/NativeBottomTabView.tsx
index 629bec4b..c5d461ce 100644
--- a/packages/react-navigation/src/views/NativeBottomTabView.tsx
+++ b/packages/react-navigation/src/views/NativeBottomTabView.tsx
@@ -1,124 +1,47 @@
+import { NativeBottomTabsContent } from '@bottom-tabs/standard-navigation';
 import {
+  CommonActions,
   type ParamListBase,
   type TabNavigationState,
-  type Route,
-  CommonActions,
 } from '@react-navigation/native';
+
 import type {
   NativeBottomTabDescriptorMap,
   NativeBottomTabNavigationConfig,
   NativeBottomTabNavigationHelpers,
 } from '../types';
-import TabView from 'react-native-bottom-tabs';
 
 type Props = NativeBottomTabNavigationConfig & {
   state: TabNavigationState<ParamListBase>;
   navigation: NativeBottomTabNavigationHelpers;
   descriptors: NativeBottomTabDescriptorMap;
+  defaultTintColors?: { active?: string; inactive?: string };
 };
 
 export default function NativeBottomTabView({
   state,
-  layoutDirection,
   navigation,
   descriptors,
   tabBar,
   ...rest
 }: Props) {
   return (
-    <TabView
+    <NativeBottomTabsContent
       {...rest}
-      navigationState={state}
-      renderScene={({ route }) => descriptors[route.key]?.render()}
-      getActiveTintColor={({ route }) => {
-        return descriptors[route.key]?.options.tabBarActiveTintColor;
-      }}
-      getLabelText={({ route }) => {
-        const options = descriptors[route.key]?.options;
-
-        return options?.tabBarLabel !== undefined
-          ? options.tabBarLabel
-          : options?.title !== undefined
-            ? options.title
-            : (route as Route<string>).name;
-      }}
-      getBadge={({ route }) => descriptors[route.key]?.options.tabBarBadge}
-      getBadgeBackgroundColor={({ route }) =>
-        descriptors[route.key]?.options.tabBarBadgeBackgroundColor
-      }
-      getBadgeTextColor={({ route }) =>
-        descriptors[route.key]?.options.tabBarBadgeTextColor
-      }
-      getHidden={({ route }) => {
-        const options = descriptors[route.key]?.options;
-        return options?.tabBarItemHidden === true;
+      state={state}
+      descriptors={descriptors}
+      actions={{
+        navigate: (name, params) =>
+          navigation.dispatch({
+            ...CommonActions.navigate(name, params),
+            target: state.key,
+          }),
+        back: () => navigation.goBack(),
       }}
-      getTestID={({ route }) =>
-        descriptors[route.key]?.options.tabBarButtonTestID
-      }
-      getRole={({ route }) => descriptors[route.key]?.options.role}
-      getIconRenderingMode={({ route }) =>
-        descriptors[route.key]?.options.tabBarIconRenderingMode
-      }
+      emitter={{ emit: navigation.emit }}
       tabBar={
         tabBar ? () => tabBar({ state, descriptors, navigation }) : undefined
       }
-      getIcon={({ route, focused }) => {
-        const options = descriptors[route.key]?.options;
-
-        if (options?.tabBarIcon) {
-          const { tabBarIcon } = options;
-          return tabBarIcon({ focused });
-        }
-
-        return null;
-      }}
-      getLazy={({ route }) => descriptors[route.key]?.options.lazy ?? true}
-      getFreezeOnBlur={({ route }) =>
-        descriptors[route.key]?.options.freezeOnBlur
-      }
-      getSceneStyle={({ route }) => descriptors[route.key]?.options.sceneStyle}
-      onTabLongPress={(index) => {
-        const route = state.routes[index];
-        if (!route) {
-          return;
-        }
-
-        navigation.emit({
-          type: 'tabLongPress',
-          target: route.key,
-        });
-      }}
-      getPreventsDefault={({ route }) =>
-        descriptors[route.key]?.options.preventsDefault
-      }
-      onIndexChange={(index) => {
-        const focused = index === state.index;
-        const route = state.routes[index];
-        if (!route) {
-          return;
-        }
-
-        const event = navigation.emit({
-          type: 'tabPress',
-          target: route.key,
-          canPreventDefault: true,
-        });
-
-        if (
-          focused ||
-          event.defaultPrevented ||
-          descriptors[route.key]?.options.preventsDefault
-        ) {
-          return;
-        } else {
-          navigation.dispatch({
-            ...CommonActions.navigate(route.name, route.params),
-            target: state.key,
-          });
-        }
-      }}
-      layoutDirection={layoutDirection}
     />
   );
 }
diff --git a/packages/react-navigation/tsconfig.json b/packages/react-navigation/tsconfig.json
index 00b6db71..32367fb8 100644
--- a/packages/react-navigation/tsconfig.json
+++ b/packages/react-navigation/tsconfig.json
@@ -2,9 +2,11 @@
   "extends": "../../tsconfig",
   "references": [
     { "path": "../react-native-bottom-tabs" },
+    { "path": "../standard-navigation" }
   ],
   "compilerOptions": {
+    "types": ["jest"],
     "rootDir": ".",
-    "outDir": "./lib/typescript",
+    "outDir": "./lib/typescript"
   }
 }
diff --git a/packages/standard-navigation/README.md b/packages/standard-navigation/README.md
new file mode 100644
index 00000000..7938e635
--- /dev/null
+++ b/packages/standard-navigation/README.md
@@ -0,0 +1,5 @@
+# `@bottom-tabs/standard-navigation`
+
+Framework-agnostic native bottom tabs navigator for `react-native-bottom-tabs`.
+
+Installation instructions and documentation can be found on the [React Native Bottom Tabs website](https://oss.callstack.com/react-native-bottom-tabs/).
diff --git a/packages/standard-navigation/babel.config.js b/packages/standard-navigation/babel.config.js
new file mode 100644
index 00000000..29f3a606
--- /dev/null
+++ b/packages/standard-navigation/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    ['module:react-native-builder-bob/babel-preset', { modules: 'commonjs' }],
+  ],
+};
diff --git a/packages/standard-navigation/package.json b/packages/standard-navigation/package.json
new file mode 100644
index 00000000..d917d675
--- /dev/null
+++ b/packages/standard-navigation/package.json
@@ -0,0 +1,109 @@
+{
+  "name": "@bottom-tabs/standard-navigation",
+  "version": "1.4.0",
+  "description": "Framework-agnostic native bottom tabs navigator",
+  "source": "./src/index.tsx",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "types": "./lib/typescript/commonjs/src/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/src/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typecheck": "tsc -b",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "build": "bob build"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "standard-navigation",
+    "react-navigation",
+    "expo-router"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/callstack/react-native-bottom-tabs.git"
+  },
+  "author": "Oskar Kwasniewski <oskarkwasniewski@icloud.com> (https://github.com/okwasniewski)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/callstack/react-native-bottom-tabs/issues"
+  },
+  "homepage": "https://github.com/callstack/react-native-bottom-tabs#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "devDependencies": {
+    "@testing-library/react-native": "^14.0.1",
+    "@types/jest": "^29.5.5",
+    "expo-router": "~57.0.20",
+    "jest": "^29.7.0",
+    "react": "^19.1.0",
+    "react-native": "0.81.1",
+    "react-native-bottom-tabs": "*",
+    "react-native-builder-bob": "^0.40.13",
+    "standard-navigation": "^0.0.9",
+    "test-renderer": "^1.2.0",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-bottom-tabs": "*"
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/lib/"
+    ]
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true,
+          "configFile": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true,
+          "configFile": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  }
+}
diff --git a/packages/standard-navigation/src/NativeBottomTabsContent.tsx b/packages/standard-navigation/src/NativeBottomTabsContent.tsx
new file mode 100644
index 00000000..e86a84e7
--- /dev/null
+++ b/packages/standard-navigation/src/NativeBottomTabsContent.tsx
@@ -0,0 +1,112 @@
+import TabView from 'react-native-bottom-tabs';
+
+import type { NativeBottomTabsContentProps, NavigatorRoute } from './types';
+
+export default function NativeBottomTabsContent({
+  state,
+  descriptors,
+  actions,
+  emitter,
+  tabBar,
+  tabBarActiveTintColor,
+  tabBarInactiveTintColor,
+  defaultTintColors,
+  extraTabBarProps,
+  backBehavior: _backBehavior,
+  ...rest
+}: NativeBottomTabsContentProps & { backBehavior?: unknown }) {
+  if (state.routes.length === 0) {
+    return null;
+  }
+
+  const optionsFor = (route: NavigatorRoute) => descriptors[route.key]?.options;
+
+  return (
+    <TabView
+      {...rest}
+      tabBarActiveTintColor={tabBarActiveTintColor ?? defaultTintColors?.active}
+      tabBarInactiveTintColor={
+        tabBarInactiveTintColor ?? defaultTintColors?.inactive
+      }
+      navigationState={state}
+      renderScene={({ route }) => descriptors[route.key]?.render()}
+      getActiveTintColor={({ route }) =>
+        optionsFor(route)?.tabBarActiveTintColor
+      }
+      getLabelText={({ route }) => {
+        const options = optionsFor(route);
+
+        return options?.tabBarLabel !== undefined
+          ? options.tabBarLabel
+          : options?.title !== undefined
+            ? options.title
+            : route.name;
+      }}
+      getBadge={({ route }) => optionsFor(route)?.tabBarBadge}
+      getBadgeBackgroundColor={({ route }) =>
+        optionsFor(route)?.tabBarBadgeBackgroundColor
+      }
+      getBadgeTextColor={({ route }) => optionsFor(route)?.tabBarBadgeTextColor}
+      getHidden={({ route }) => optionsFor(route)?.tabBarItemHidden === true}
+      getTestID={({ route }) => optionsFor(route)?.tabBarButtonTestID}
+      getRole={({ route }) => optionsFor(route)?.role}
+      getIconRenderingMode={({ route }) =>
+        optionsFor(route)?.tabBarIconRenderingMode
+      }
+      tabBar={
+        tabBar
+          ? () =>
+              tabBar({
+                state,
+                descriptors,
+                actions,
+                emitter,
+                ...extraTabBarProps,
+              })
+          : undefined
+      }
+      getIcon={({ route, focused }) => {
+        const tabBarIcon = optionsFor(route)?.tabBarIcon;
+
+        return tabBarIcon ? tabBarIcon({ focused }) : null;
+      }}
+      getLazy={({ route }) => optionsFor(route)?.lazy ?? true}
+      getFreezeOnBlur={({ route }) => optionsFor(route)?.freezeOnBlur}
+      getSceneStyle={({ route }) => optionsFor(route)?.sceneStyle}
+      getPreventsDefault={({ route }) => optionsFor(route)?.preventsDefault}
+      onTabLongPress={(index) => {
+        const route = state.routes[index];
+
+        if (!route) {
+          return;
+        }
+
+        emitter.emit({ type: 'tabLongPress', target: route.key });
+      }}
+      onIndexChange={(index) => {
+        const focused = index === state.index;
+        const route = state.routes[index];
+
+        if (!route) {
+          return;
+        }
+
+        const event = emitter.emit({
+          type: 'tabPress',
+          target: route.key,
+          canPreventDefault: true,
+        });
+
+        if (
+          focused ||
+          event.defaultPrevented ||
+          optionsFor(route)?.preventsDefault
+        ) {
+          return;
+        }
+
+        actions.navigate(route.name, route.params);
+      }}
+    />
+  );
+}
diff --git a/packages/standard-navigation/src/__tests__/NativeBottomTabsContent.test.tsx b/packages/standard-navigation/src/__tests__/NativeBottomTabsContent.test.tsx
new file mode 100644
index 00000000..4deff56f
--- /dev/null
+++ b/packages/standard-navigation/src/__tests__/NativeBottomTabsContent.test.tsx
@@ -0,0 +1,302 @@
+import { render } from '@testing-library/react-native';
+
+import NativeBottomTabsContent from '../NativeBottomTabsContent';
+import type {
+  NativeBottomTabNavigationOptions,
+  NativeBottomTabsNavigatorProps,
+  NavigatorRoute,
+} from '../types';
+
+let tabViewProps: Record<string, any>;
+
+jest.mock('react-native-bottom-tabs', () => ({
+  __esModule: true,
+  default: (props: Record<string, any>) => {
+    tabViewProps = props;
+    return null;
+  },
+}));
+
+const ROUTES = ['Home', 'Explore'] as const;
+
+type RouteName = (typeof ROUTES)[number];
+
+const route = (name: RouteName): NavigatorRoute => ({
+  key: `${name}-key`,
+  name,
+  params: undefined,
+  href: undefined,
+});
+
+const renderContent = async ({
+  index = 0,
+  routes = ROUTES.map(route),
+  options = {},
+  defaultPrevented = false,
+  ...props
+}: NativeBottomTabsNavigatorProps & {
+  index?: number;
+  routes?: NavigatorRoute[];
+  options?: Partial<Record<RouteName, NativeBottomTabNavigationOptions>>;
+  defaultPrevented?: boolean;
+  backBehavior?: unknown;
+} = {}) => {
+  const actions = { navigate: jest.fn(), back: jest.fn() };
+  const emitter = {
+    emit: jest.fn((event: { type: string; target?: string }) => ({
+      ...event,
+      defaultPrevented,
+    })),
+  };
+
+  const descriptors = Object.fromEntries(
+    routes.map((it) => [
+      it.key,
+      {
+        options: options[it.name as RouteName] ?? {},
+        render: () => `${it.name} scene`,
+      },
+    ])
+  );
+
+  await render(
+    <NativeBottomTabsContent
+      state={{ index, routes }}
+      descriptors={descriptors}
+      actions={actions}
+      emitter={emitter}
+      {...props}
+    />
+  );
+
+  return { actions, emitter };
+};
+
+beforeEach(() => {
+  tabViewProps = {};
+});
+
+describe('navigation state', () => {
+  it('passes the contract state straight through to the tab view', async () => {
+    await renderContent();
+
+    expect(tabViewProps.navigationState.index).toBe(0);
+    expect(
+      tabViewProps.navigationState.routes.map((it: NavigatorRoute) => it.name)
+    ).toEqual(['Home', 'Explore']);
+  });
+
+  it('renders a scene through the descriptor', async () => {
+    await renderContent();
+
+    expect(tabViewProps.renderScene({ route: route('Home') })).toBe(
+      'Home scene'
+    );
+  });
+
+  it('renders nothing when there are no routes', async () => {
+    await renderContent({ routes: [] });
+
+    expect(tabViewProps.navigationState).toBeUndefined();
+  });
+});
+
+describe('tint colors', () => {
+  it('falls back to the defaults supplied by the integrator', async () => {
+    await renderContent({
+      defaultTintColors: { active: '#ff0000', inactive: '#808080' },
+    });
+
+    expect(tabViewProps.tabBarActiveTintColor).toBe('#ff0000');
+    expect(tabViewProps.tabBarInactiveTintColor).toBe('#808080');
+  });
+
+  it('lets explicit props win over the defaults', async () => {
+    await renderContent({
+      defaultTintColors: { active: '#ff0000', inactive: '#808080' },
+      tabBarActiveTintColor: '#00ff00',
+      tabBarInactiveTintColor: '#0000ff',
+    });
+
+    expect(tabViewProps.tabBarActiveTintColor).toBe('#00ff00');
+    expect(tabViewProps.tabBarInactiveTintColor).toBe('#0000ff');
+  });
+});
+
+describe('router options', () => {
+  it('does not forward backBehavior to the native view', async () => {
+    await renderContent({ backBehavior: 'history' });
+
+    expect(tabViewProps).not.toHaveProperty('backBehavior');
+  });
+});
+
+describe('screen options', () => {
+  it.each([
+    ['getBadge', 'tabBarBadge', '3'],
+    ['getBadgeBackgroundColor', 'tabBarBadgeBackgroundColor', '#ff0000'],
+    ['getBadgeTextColor', 'tabBarBadgeTextColor', '#00ff00'],
+    ['getTestID', 'tabBarButtonTestID', 'home-tab'],
+    ['getRole', 'role', 'search'],
+    ['getIconRenderingMode', 'tabBarIconRenderingMode', 'original'],
+    ['getActiveTintColor', 'tabBarActiveTintColor', '#123456'],
+    ['getFreezeOnBlur', 'freezeOnBlur', true],
+    ['getSceneStyle', 'sceneStyle', { backgroundColor: 'red' }],
+    ['getPreventsDefault', 'preventsDefault', true],
+  ] as const)('maps %s from the %s option', async (getter, option, value) => {
+    await renderContent({ options: { Home: { [option]: value } } });
+
+    expect(tabViewProps[getter]({ route: route('Home') })).toEqual(value);
+    expect(tabViewProps[getter]({ route: route('Explore') })).toBeUndefined();
+  });
+
+  it('reports a tab as hidden only when tabBarItemHidden is true', async () => {
+    await renderContent({ options: { Home: { tabBarItemHidden: true } } });
+
+    expect(tabViewProps.getHidden({ route: route('Home') })).toBe(true);
+    expect(tabViewProps.getHidden({ route: route('Explore') })).toBe(false);
+  });
+
+  it('defaults lazy to true', async () => {
+    await renderContent({ options: { Home: { lazy: false } } });
+
+    expect(tabViewProps.getLazy({ route: route('Home') })).toBe(false);
+    expect(tabViewProps.getLazy({ route: route('Explore') })).toBe(true);
+  });
+
+  it('calls tabBarIcon with the focused state', async () => {
+    const tabBarIcon = jest.fn(() => ({ sfSymbol: 'house' }) as const);
+
+    await renderContent({ options: { Home: { tabBarIcon } } });
+
+    expect(
+      tabViewProps.getIcon({ route: route('Home'), focused: true })
+    ).toEqual({ sfSymbol: 'house' });
+    expect(tabBarIcon).toHaveBeenCalledWith({ focused: true });
+  });
+
+  it('returns no icon when the option is unset', async () => {
+    await renderContent();
+
+    expect(
+      tabViewProps.getIcon({ route: route('Home'), focused: false })
+    ).toBeNull();
+  });
+});
+
+describe('label', () => {
+  it('prefers tabBarLabel over title', async () => {
+    await renderContent({
+      options: { Home: { tabBarLabel: 'Label', title: 'Title' } },
+    });
+
+    expect(tabViewProps.getLabelText({ route: route('Home') })).toBe('Label');
+  });
+
+  it('falls back to title when tabBarLabel is unset', async () => {
+    await renderContent({ options: { Home: { title: 'Title' } } });
+
+    expect(tabViewProps.getLabelText({ route: route('Home') })).toBe('Title');
+  });
+
+  it('falls back to the route name when neither is set', async () => {
+    await renderContent();
+
+    expect(tabViewProps.getLabelText({ route: route('Home') })).toBe('Home');
+  });
+});
+
+describe('tab press', () => {
+  it('emits tabPress and navigates to the pressed tab', async () => {
+    const { actions, emitter } = await renderContent();
+
+    tabViewProps.onIndexChange(1);
+
+    expect(emitter.emit).toHaveBeenCalledWith({
+      type: 'tabPress',
+      target: 'Explore-key',
+      canPreventDefault: true,
+    });
+    expect(actions.navigate).toHaveBeenCalledWith('Explore', undefined);
+  });
+
+  it('does not navigate when the event default was prevented', async () => {
+    const { actions } = await renderContent({ defaultPrevented: true });
+
+    tabViewProps.onIndexChange(1);
+
+    expect(actions.navigate).not.toHaveBeenCalled();
+  });
+
+  it('does not navigate when the screen sets preventsDefault', async () => {
+    const { actions } = await renderContent({
+      options: { Explore: { preventsDefault: true } },
+    });
+
+    tabViewProps.onIndexChange(1);
+
+    expect(actions.navigate).not.toHaveBeenCalled();
+  });
+
+  it('emits tabPress on the focused tab but does not re-navigate', async () => {
+    const { actions, emitter } = await renderContent();
+
+    tabViewProps.onIndexChange(0);
+
+    expect(emitter.emit).toHaveBeenCalledTimes(1);
+    expect(actions.navigate).not.toHaveBeenCalled();
+  });
+
+  it('ignores an out-of-range index', async () => {
+    const { actions, emitter } = await renderContent();
+
+    tabViewProps.onIndexChange(99);
+
+    expect(emitter.emit).not.toHaveBeenCalled();
+    expect(actions.navigate).not.toHaveBeenCalled();
+  });
+});
+
+describe('tab long press', () => {
+  it('emits tabLongPress for the pressed tab', async () => {
+    const { emitter } = await renderContent();
+
+    tabViewProps.onTabLongPress(1);
+
+    expect(emitter.emit).toHaveBeenCalledWith({
+      type: 'tabLongPress',
+      target: 'Explore-key',
+    });
+  });
+
+  it('ignores an out-of-range index', async () => {
+    const { emitter } = await renderContent();
+
+    tabViewProps.onTabLongPress(99);
+
+    expect(emitter.emit).not.toHaveBeenCalled();
+  });
+});
+
+describe('custom tab bar', () => {
+  it('is called with the contract vocabulary', async () => {
+    const tabBar = jest.fn(() => null);
+
+    const { actions, emitter } = await renderContent({ tabBar });
+
+    tabViewProps.tabBar();
+
+    expect(tabBar).toHaveBeenCalledWith({
+      state: { index: 0, routes: ROUTES.map(route) },
+      descriptors: expect.any(Object),
+      actions,
+      emitter,
+    });
+  });
+
+  it('is left undefined when no custom tab bar is given', async () => {
+    await renderContent();
+
+    expect(tabViewProps.tabBar).toBeUndefined();
+  });
+});
diff --git a/packages/standard-navigation/src/__tests__/expoRouterInference.test.tsx b/packages/standard-navigation/src/__tests__/expoRouterInference.test.tsx
new file mode 100644
index 00000000..3c0f4b49
--- /dev/null
+++ b/packages/standard-navigation/src/__tests__/expoRouterInference.test.tsx
@@ -0,0 +1,60 @@
+import type {
+  TabRouter,
+  unstable_createStandardRouterNavigator,
+} from 'expo-router';
+
+import NativeBottomTabsContent from '../NativeBottomTabsContent';
+
+jest.mock('react-native-bottom-tabs', () => ({
+  __esModule: true,
+  default: () => null,
+}));
+
+// Type-only stand-ins: Expo Router is only installed for its types, so
+// nothing here may run.
+declare const createStandardRouterNavigator: typeof unstable_createStandardRouterNavigator;
+declare const tabRouter: typeof TabRouter;
+
+const createTabs = () =>
+  createStandardRouterNavigator(NativeBottomTabsContent, tabRouter);
+
+declare const Tabs: ReturnType<typeof createTabs>;
+
+it('infers the navigator props and screen options through Expo Router', () => {
+  const acceptsNavigatorProps = () => (
+    <Tabs
+      tabBarActiveTintColor="#ff0000"
+      tabBarInactiveTintColor="#808080"
+      tabBar={({ state }) => state.routes.map((it) => it.name).join()}
+      labeled
+      sidebarAdaptable
+      hapticFeedbackEnabled
+    />
+  );
+
+  const acceptsScreenOptions = () => (
+    <Tabs>
+      <Tabs.Screen name="index" options={{ title: 'Home', tabBarBadge: '3' }} />
+    </Tabs>
+  );
+
+  const rejectsAWrongNavigatorProp = () => (
+    // @ts-expect-error - labeled is a boolean
+    <Tabs labeled="yes" />
+  );
+
+  const rejectsAnUnknownScreenOption = () => (
+    <Tabs>
+      {/* @ts-expect-error - not a screen option this navigator accepts */}
+      <Tabs.Screen name="index" options={{ notARealOption: true }} />
+    </Tabs>
+  );
+
+  expect([
+    createTabs,
+    acceptsNavigatorProps,
+    acceptsScreenOptions,
+    rejectsAWrongNavigatorProp,
+    rejectsAnUnknownScreenOption,
+  ]).toHaveLength(5);
+});
diff --git a/packages/standard-navigation/src/index.tsx b/packages/standard-navigation/src/index.tsx
new file mode 100644
index 00000000..17cd26a5
--- /dev/null
+++ b/packages/standard-navigation/src/index.tsx
@@ -0,0 +1,36 @@
+import type { StandardNavigator } from 'standard-navigation';
+
+import NativeBottomTabsContent from './NativeBottomTabsContent';
+import type {
+  NativeBottomTabNavigationOptions,
+  NativeBottomTabsEventMap,
+  NativeBottomTabsNavigatorProps,
+} from './types';
+
+export const nativeBottomTabsNavigator = {
+  type: 'standard',
+  version: 1,
+  NavigatorContent: NativeBottomTabsContent,
+} as const satisfies StandardNavigator<
+  NativeBottomTabNavigationOptions,
+  NativeBottomTabsEventMap,
+  NativeBottomTabsNavigatorProps
+>;
+
+export { default as NativeBottomTabsContent } from './NativeBottomTabsContent';
+
+export type {
+  NativeBottomTabNavigationOptions,
+  NativeBottomTabsContentProps,
+  NativeBottomTabsDescriptorMap,
+  NativeBottomTabsEventMap,
+  NativeBottomTabsInferenceCarrier,
+  NativeBottomTabsNavigatorProps,
+  NativeBottomTabsTabBarProps,
+  NavigatorActions,
+  NavigatorArgs,
+  NavigatorDescriptor,
+  NavigatorEmitter,
+  NavigatorRoute,
+  NavigatorState,
+} from './types';
diff --git a/packages/standard-navigation/src/types.ts b/packages/standard-navigation/src/types.ts
new file mode 100644
index 00000000..424a4eeb
--- /dev/null
+++ b/packages/standard-navigation/src/types.ts
@@ -0,0 +1,190 @@
+import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
+import type TabView from 'react-native-bottom-tabs';
+import type {
+  AppleIcon,
+  IconRenderingMode,
+  TabRole,
+} from 'react-native-bottom-tabs';
+
+export type NavigatorRoute = {
+  key: string;
+  name: string;
+  params?: object | undefined;
+  href?: string | undefined;
+};
+
+export type NavigatorState = {
+  index: number;
+  routes: NavigatorRoute[];
+};
+
+export type NavigatorDescriptor<Options extends object> = {
+  options: Options;
+  render: () => React.ReactNode;
+};
+
+export type NavigatorActions = {
+  navigate(name: string, params?: object | undefined): void;
+  back(): void;
+};
+
+export type NavigatorEmitter = {
+  emit(options: {
+    type: string;
+    target?: string;
+    canPreventDefault?: boolean;
+    data?: object | undefined;
+  }): {
+    readonly type: string;
+    readonly target?: string | undefined;
+    readonly defaultPrevented?: boolean;
+  };
+};
+
+export type NavigatorArgs<Options extends object> = {
+  state: NavigatorState;
+  descriptors: Record<string, NavigatorDescriptor<Options>>;
+  actions: NavigatorActions;
+  emitter: NavigatorEmitter;
+};
+
+export type NativeBottomTabsEventMap = {
+  /**
+   * Event which fires on tapping on the tab in the tab bar.
+   */
+  tabPress: { data: undefined; canPreventDefault: true };
+  /**
+   * Event which fires on long press on tab bar.
+   */
+  tabLongPress: { data: undefined; canPreventDefault: false };
+};
+
+export type NativeBottomTabNavigationOptions = {
+  /**
+   * Title text for the screen.
+   */
+  title?: string;
+
+  /**
+   * Label text of the tab displayed in the navigation bar. When undefined, scene title is used.
+   */
+  tabBarLabel?: string;
+
+  /**
+   * Function that given { focused: boolean } returns ImageSource or AppleIcon to display in the navigation bar.
+   */
+  tabBarIcon?: (props: { focused: boolean }) => ImageSourcePropType | AppleIcon;
+
+  /**
+   * Rendering mode for the tab icon. Use `original` to preserve multicolor image icons.
+   */
+  tabBarIconRenderingMode?: IconRenderingMode;
+
+  /**
+   * Whether the tab bar item is visible. Defaults to true.
+   */
+  tabBarItemHidden?: boolean;
+
+  /**
+   * Badge to show on the tab icon.
+   */
+  tabBarBadge?: string;
+
+  /**
+   * Badge background color. (Android only)
+   */
+  tabBarBadgeBackgroundColor?: string;
+
+  /**
+   * Badge text color. (Android only)
+   */
+  tabBarBadgeTextColor?: string;
+
+  /**
+   * Whether this screens should render the first time it's accessed. Defaults to true. Set it to false if you want to render the screen on initial render.
+   */
+  lazy?: boolean;
+
+  /**
+   * Active tab color.
+   */
+  tabBarActiveTintColor?: string;
+
+  /**
+   * TestID for the tab.
+   */
+  tabBarButtonTestID?: string;
+
+  /**
+   * Role for the tab. (iOS only)
+   */
+  role?: TabRole;
+
+  /**
+   * Whether inactive screens should be suspended from re-rendering. Defaults to `false`.
+   */
+  freezeOnBlur?: boolean;
+
+  /**
+   * Style object for the component wrapping the screen content.
+   */
+  sceneStyle?: StyleProp<ViewStyle>;
+
+  /**
+   * Whether to prevent default action of the tab. Defaults to `false`.
+   */
+  preventsDefault?: boolean;
+};
+
+export type NativeBottomTabsDescriptorMap = Record<
+  string,
+  NavigatorDescriptor<NativeBottomTabNavigationOptions>
+>;
+
+export type NativeBottomTabsTabBarProps = {
+  state: NavigatorState;
+  descriptors: NativeBottomTabsDescriptorMap;
+  actions: NavigatorActions;
+  emitter: NavigatorEmitter;
+};
+
+export type NativeBottomTabsNavigatorProps = Partial<
+  Omit<
+    React.ComponentProps<typeof TabView>,
+    | 'navigationState'
+    | 'onIndexChange'
+    | 'renderScene'
+    | 'getLazy'
+    | 'getIcon'
+    | 'getIconRenderingMode'
+    | 'getLabelText'
+    | 'getBadge'
+    | 'getBadgeBackgroundColor'
+    | 'getBadgeTextColor'
+    | 'onTabLongPress'
+    | 'getActiveTintColor'
+    | 'getTestID'
+    | 'getRole'
+    | 'getHidden'
+    | 'tabBar'
+    | 'getFreezeOnBlur'
+    | 'getSceneStyle'
+    | 'getPreventsDefault'
+  >
+> & {
+  tabBar?: (props: NativeBottomTabsTabBarProps) => React.ReactNode;
+  defaultTintColors?: { active?: string; inactive?: string };
+  extraTabBarProps?: object;
+};
+
+export type NativeBottomTabsInferenceCarrier = {
+  /** @internal */
+  readonly __eventMap__?: NativeBottomTabsEventMap;
+  /** @internal */
+  readonly __navigatorProps__?: NativeBottomTabsNavigatorProps;
+};
+
+export type NativeBottomTabsContentProps =
+  NavigatorArgs<NativeBottomTabNavigationOptions> &
+    NativeBottomTabsNavigatorProps &
+    NativeBottomTabsInferenceCarrier;
diff --git a/packages/standard-navigation/tsconfig.build.json b/packages/standard-navigation/tsconfig.build.json
new file mode 100644
index 00000000..543a7876
--- /dev/null
+++ b/packages/standard-navigation/tsconfig.build.json
@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig",
+  "compilerOptions": {
+    "paths": {}
+  }
+}
diff --git a/packages/standard-navigation/tsconfig.json b/packages/standard-navigation/tsconfig.json
new file mode 100644
index 00000000..f622c26f
--- /dev/null
+++ b/packages/standard-navigation/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig",
+  "references": [{ "path": "../react-native-bottom-tabs" }],
+  "compilerOptions": {
+    "types": ["jest"],
+    "rootDir": ".",
+    "outDir": "./lib/typescript"
+  }
+}
diff --git a/tsconfig.json b/tsconfig.json
index b1f456ec..2e5d2cef 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,8 +1,15 @@
 {
   "compilerOptions": {
     "paths": {
-      "react-native-bottom-tabs": ["./packages/react-native-bottom-tabs/src/index"],
-      "@bottom-tabs/react-navigation": ["./packages/react-navigation/src/index"],
+      "react-native-bottom-tabs": [
+        "./packages/react-native-bottom-tabs/src/index"
+      ],
+      "@bottom-tabs/react-navigation": [
+        "./packages/react-navigation/src/index"
+      ],
+      "@bottom-tabs/standard-navigation": [
+        "./packages/standard-navigation/src/index"
+      ]
     },
     "composite": true,
     "allowUnreachableCode": false,
diff --git a/turbo.json b/turbo.json
index 8236bfd4..5b188a2a 100644
--- a/turbo.json
+++ b/turbo.json
@@ -14,7 +14,9 @@
         "$TURBO_ROOT$/tsconfig.json"
       ]
     },
-    "test": {},
+    "test": {
+      "dependsOn": ["^build"]
+    },
     "build": {
       "dependsOn": ["^build"],
       "outputs": ["lib/**"]
diff --git a/yarn.lock b/yarn.lock
index 9342c4a9..7520ba66 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3936,14 +3936,18 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@bottom-tabs/react-navigation@workspace:packages/react-navigation"
   dependencies:
+    "@bottom-tabs/standard-navigation": "npm:1.4.0"
     "@react-navigation/native": "npm:^7.3.0"
+    "@testing-library/react-native": "npm:^14.0.1"
     "@types/color": "npm:^4.2.0"
+    "@types/jest": "npm:^29.5.5"
     color: "npm:^5.0.0"
     jest: "npm:^29.7.0"
     react: "npm:^19.1.0"
     react-native: "npm:0.81.1"
     react-native-bottom-tabs: "npm:*"
     react-native-builder-bob: "npm:^0.40.13"
+    test-renderer: "npm:^1.2.0"
     typescript: "npm:^5.9.2"
   peerDependencies:
     "@react-navigation/native": ">=7"
@@ -3953,6 +3957,28 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@bottom-tabs/standard-navigation@npm:1.4.0, @bottom-tabs/standard-navigation@workspace:packages/standard-navigation":
+  version: 0.0.0-use.local
+  resolution: "@bottom-tabs/standard-navigation@workspace:packages/standard-navigation"
+  dependencies:
+    "@testing-library/react-native": "npm:^14.0.1"
+    "@types/jest": "npm:^29.5.5"
+    expo-router: "npm:~57.0.20"
+    jest: "npm:^29.7.0"
+    react: "npm:^19.1.0"
+    react-native: "npm:0.81.1"
+    react-native-bottom-tabs: "npm:*"
+    react-native-builder-bob: "npm:^0.40.13"
+    standard-navigation: "npm:^0.0.9"
+    test-renderer: "npm:^1.2.0"
+    typescript: "npm:^5.9.2"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+    react-native-bottom-tabs: "*"
+  languageName: unknown
+  linkType: soft
+
 "@callstack/react-theme-provider@npm:^3.0.9":
   version: 3.0.9
   resolution: "@callstack/react-theme-provider@npm:3.0.9"
@@ -4646,6 +4672,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@expo-google-fonts/material-symbols@npm:^0.4.1":
+  version: 0.4.48
+  resolution: "@expo-google-fonts/material-symbols@npm:0.4.48"
+  checksum: 10/0b26b4b28f673d614d8d2705a749fbd06172cb10168dfbd24f8e763b353519c5b28845323d149c9494fd32c3c99f31eeb83bd313193fceb70765c82957041b4a
+  languageName: node
+  linkType: hard
+
 "@expo/cli@npm:54.0.25":
   version: 54.0.25
   resolution: "@expo/cli@npm:54.0.25"
@@ -4844,6 +4877,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@expo/dom-webview@npm:^57.0.1":
+  version: 57.0.1
+  resolution: "@expo/dom-webview@npm:57.0.1"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/692a9efd1b45cc93a781dc7c9531fa01cdd491a19f43e1fd7df110c4f7423cd865a3058ac4a8c7f456d58b545aa5c7d2c1796ee72f1309e2a9051b59a5e4512c
+  languageName: node
+  linkType: hard
+
 "@expo/env@npm:~2.0.8":
   version: 2.0.11
   resolution: "@expo/env@npm:2.0.11"
@@ -4924,6 +4968,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@expo/log-box@npm:^57.0.4":
+  version: 57.0.4
+  resolution: "@expo/log-box@npm:57.0.4"
+  dependencies:
+    "@expo/dom-webview": "npm:^57.0.1"
+    anser: "npm:^1.4.9"
+    stacktrace-parser: "npm:^0.1.10"
+  peerDependencies:
+    "@expo/dom-webview": ^57.0.1
+    expo: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/020f1bbf3a47fd39bdaca7f51e479a1b063864a5c72a5e7810290dfdf099d7563240bbefe19b0d25dba8f101c479117edffa42ff0a3d89ed5ca3073a3d3882f0
+  languageName: node
+  linkType: hard
+
 "@expo/metro-config@npm:54.0.16, @expo/metro-config@npm:~54.0.16":
   version: 54.0.16
   resolution: "@expo/metro-config@npm:54.0.16"
@@ -4958,6 +5018,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@expo/metro-runtime@npm:^57.0.16":
+  version: 57.0.16
+  resolution: "@expo/metro-runtime@npm:57.0.16"
+  dependencies:
+    "@expo/log-box": "npm:^57.0.4"
+    anser: "npm:^1.4.9"
+    pretty-format: "npm:^29.7.0"
+    stacktrace-parser: "npm:^0.1.10"
+    whatwg-fetch: "npm:^3.0.0"
+  peerDependencies:
+    "@expo/log-box": ^57.0.4
+    expo: "*"
+    react: "*"
+    react-dom: "*"
+    react-native: "*"
+  peerDependenciesMeta:
+    react-dom:
+      optional: true
+  checksum: 10/dcd4067eea46f1d8a688d40eae36281082b604c89daf8536b44083b0fe671a5d324d479bc5c8507dc17bf1cd381663fc9895c77927a9747688ef826c2a38dd8f
+  languageName: node
+  linkType: hard
+
 "@expo/metro-runtime@npm:^6.1.2":
   version: 6.1.2
   resolution: "@expo/metro-runtime@npm:6.1.2"
@@ -5088,6 +5170,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@expo/schema-utils@npm:^57.0.2":
+  version: 57.0.2
+  resolution: "@expo/schema-utils@npm:57.0.2"
+  checksum: 10/724e462dbbc81328c115900254d62e1852ffd7c45d91c1c3175bc29e1eb240b5ffd7f64d8186a9edb8336bdac8ad7d61600c66718eaa0d634ce6268acef5332a
+  languageName: node
+  linkType: hard
+
 "@expo/sdk-runtime-versions@npm:^1.0.0":
   version: 1.0.0
   resolution: "@expo/sdk-runtime-versions@npm:1.0.0"
@@ -5120,6 +5209,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@expo/ui@npm:^57.0.21":
+  version: 57.0.21
+  resolution: "@expo/ui@npm:57.0.21"
+  dependencies:
+    sf-symbols-typescript: "npm:^2.1.0"
+    vaul: "npm:^1.1.2"
+  peerDependencies:
+    "@babel/core": "*"
+    expo: "*"
+    react: "*"
+    react-dom: "*"
+    react-native: "*"
+    react-native-worklets: "*"
+  peerDependenciesMeta:
+    "@babel/core":
+      optional: true
+    react-dom:
+      optional: true
+    react-native-worklets:
+      optional: true
+  checksum: 10/47487aaebc8db4d121b06332100ffb1891749db7e7cdd452c951286f0d75e3938a1ba6851153646d04d026e5e061a5d4b65f1a5cb3a51b011e092886dfcdf30a
+  languageName: node
+  linkType: hard
+
 "@expo/vector-icons@npm:^15.0.3":
   version: 15.1.1
   resolution: "@expo/vector-icons@npm:15.1.1"
@@ -5956,6 +6069,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-compose-refs@npm:1.1.5":
+  version: 1.1.5
+  resolution: "@radix-ui/react-compose-refs@npm:1.1.5"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/ffc1a289d944ba9db818bc645e44efb6ce122a1585b61fcd97737ba4d18b60ca585b3d46ff1836b6ad6c4a21c795c5082d540af58cb32daa1b692dffed3d2a15
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-context@npm:1.1.2":
   version: 1.1.2
   resolution: "@radix-ui/react-context@npm:1.1.2"
@@ -6202,6 +6328,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-slot@npm:^1.2.0":
+  version: 1.3.3
+  resolution: "@radix-ui/react-slot@npm:1.3.3"
+  dependencies:
+    "@radix-ui/react-compose-refs": "npm:1.1.5"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/97f305fb29c6284e1292cfee441cd807744f32322c0a1b541190a294f878edacce3bc37c174b4024724210243dad7b4feb762222e4c43668db2b65b9576d222a
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-tabs@npm:^1.1.12":
   version: 1.1.13
   resolution: "@radix-ui/react-tabs@npm:1.1.13"
@@ -6478,6 +6619,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-masked-view/masked-view@npm:^0.3.2":
+  version: 0.3.2
+  resolution: "@react-native-masked-view/masked-view@npm:0.3.2"
+  peerDependencies:
+    react: ">=16"
+    react-native: ">=0.57"
+  checksum: 10/04ffbc01083aa563ca1e2d7ef6759e7b326b8129f5bb1aa5f3142348adab06d5e321a400cf70a5434324dfa906add383f8214640697c48c9e5311b30bfea03d9
+  languageName: node
+  linkType: hard
+
 "@react-native/asset-utils@npm:0.87.1":
   version: 0.87.1
   resolution: "@react-native/asset-utils@npm:0.87.1"
@@ -8111,7 +8262,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/color-convert@npm:*":
+"@types/color-convert@npm:2":
   version: 2.0.4
   resolution: "@types/color-convert@npm:2.0.4"
   dependencies:
@@ -8128,11 +8279,11 @@ __metadata:
   linkType: hard
 
 "@types/color@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "@types/color@npm:4.2.0"
+  version: 4.2.1
+  resolution: "@types/color@npm:4.2.1"
   dependencies:
-    "@types/color-convert": "npm:*"
-  checksum: 10/4f9ddddac07f9c2d79823a5dfaf8689330f3e102c183200c5f772545ac421942ed9e42a2591afe96bbccddf5d5a87ad1bb46671da6056583ebf9c9fdc238b54e
+    "@types/color-convert": "npm:2"
+  checksum: 10/61c9d8484073a363e0a462a20a98a3d4346a55194299e584e89cd95613478aa117e1560146e9c4ceafd16897ae1039cd637cb6ddde066ff430399c1e5bd42ce9
   languageName: node
   linkType: hard
 
@@ -8357,6 +8508,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-reconciler@npm:~0.33.0":
+  version: 0.33.0
+  resolution: "@types/react-reconciler@npm:0.33.0"
+  peerDependencies:
+    "@types/react": "*"
+  checksum: 10/b65408e08f9e9924a6040fb7a4820ed12efdad598dccb9e08efc70a7101199cce4a5aa1f8695a82d8efe7b503bd9b8dc5122db8a23bac39f9bc473d595873ba4
+  languageName: node
+  linkType: hard
+
 "@types/react-test-renderer@npm:^19.1.0":
   version: 19.1.0
   resolution: "@types/react-test-renderer@npm:19.1.0"
@@ -12697,6 +12857,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"expo-glass-effect@npm:^57.0.4":
+  version: 57.0.4
+  resolution: "expo-glass-effect@npm:57.0.4"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/899d1a70cc17b2bca5f0916e3bd22360922b247a6947bef150d68da768d07bf5a90a091fbb57b4715d8930586c0da341e839d1e73fde7dbb1aae07271b2f16e6
+  languageName: node
+  linkType: hard
+
 "expo-keep-awake@npm:~15.0.8":
   version: 15.0.8
   resolution: "expo-keep-awake@npm:15.0.8"
@@ -12747,6 +12918,70 @@ __metadata:
   languageName: node
   linkType: hard
 
+"expo-router@npm:~57.0.20":
+  version: 57.0.24
+  resolution: "expo-router@npm:57.0.24"
+  dependencies:
+    "@expo/log-box": "npm:^57.0.4"
+    "@expo/metro-runtime": "npm:^57.0.16"
+    "@expo/schema-utils": "npm:^57.0.2"
+    "@expo/ui": "npm:^57.0.21"
+    "@radix-ui/react-slot": "npm:^1.2.0"
+    "@radix-ui/react-tabs": "npm:^1.1.12"
+    "@react-native-masked-view/masked-view": "npm:^0.3.2"
+    client-only: "npm:^0.0.1"
+    color: "npm:^4.2.3"
+    debug: "npm:^4.3.4"
+    escape-string-regexp: "npm:^4.0.0"
+    expo-glass-effect: "npm:^57.0.4"
+    expo-server: "npm:^57.0.3"
+    expo-symbols: "npm:^57.0.3"
+    fast-deep-equal: "npm:^3.1.3"
+    invariant: "npm:^2.2.4"
+    nanoid: "npm:^3.3.18"
+    query-string: "npm:^7.1.3"
+    react-fast-compare: "npm:^3.2.2"
+    react-is: "npm:^19.1.0"
+    react-native-drawer-layout: "npm:^4.2.2"
+    react-native-screens: "npm:^4.26.0"
+    server-only: "npm:^0.0.1"
+    sf-symbols-typescript: "npm:^2.1.0"
+    shallowequal: "npm:^1.1.0"
+    standard-navigation: "npm:^0.0.5"
+    vaul: "npm:^1.1.2"
+  peerDependencies:
+    "@expo/log-box": ^57.0.4
+    "@expo/metro-runtime": ^57.0.16
+    "@testing-library/react-native": ">= 13.2.0"
+    expo: "*"
+    expo-constants: ^57.0.20
+    expo-linking: ^57.0.11
+    react: "*"
+    react-dom: "*"
+    react-native: "*"
+    react-native-gesture-handler: "*"
+    react-native-reanimated: "*"
+    react-native-safe-area-context: ">= 5.4.0"
+    react-native-screens: ^4.26.0
+    react-native-web: "*"
+    react-server-dom-webpack: ~19.0.4 || ~19.1.5 || ~19.2.4
+  peerDependenciesMeta:
+    "@testing-library/react-native":
+      optional: true
+    react-dom:
+      optional: true
+    react-native-gesture-handler:
+      optional: true
+    react-native-reanimated:
+      optional: true
+    react-native-web:
+      optional: true
+    react-server-dom-webpack:
+      optional: true
+  checksum: 10/8ccae41202aaf213ef999a1ab9d71687caa1ab95e29dc2788fedb0ee09f9244f840482d767ba930344f819cb7b5fdef84a44a0cf52b41fe6c938f4580dfbd587
+  languageName: node
+  linkType: hard
+
 "expo-router@npm:~6.0.24":
   version: 6.0.24
   resolution: "expo-router@npm:6.0.24"
@@ -12816,6 +13051,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"expo-server@npm:^57.0.3":
+  version: 57.0.3
+  resolution: "expo-server@npm:57.0.3"
+  checksum: 10/ae41672973efb24966f70f36714e6e14a719b4cdb17c3eeb6c36f3a094fb363693fdcdfa15d01aa4e1f78a11abda7b28d5ebc26c05b19b6c09d36d6b974f32f7
+  languageName: node
+  linkType: hard
+
 "expo-splash-screen@npm:~31.0.13":
   version: 31.0.13
   resolution: "expo-splash-screen@npm:31.0.13"
@@ -12839,6 +13081,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"expo-symbols@npm:^57.0.3":
+  version: 57.0.3
+  resolution: "expo-symbols@npm:57.0.3"
+  dependencies:
+    "@expo-google-fonts/material-symbols": "npm:^0.4.1"
+    sf-symbols-typescript: "npm:^2.0.0"
+  peerDependencies:
+    expo: "*"
+    expo-font: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/86ee80002a10563ce106ffe9eefc4e68e38f422d9039ea416deb15cff5d89c2f3796730016bd9ac7e2b33db522aa3c1ccb3d5ee16c6f0a65349efeb5f1b4ae7c
+  languageName: node
+  linkType: hard
+
 "expo-symbols@npm:~1.0.8":
   version: 1.0.8
   resolution: "expo-symbols@npm:1.0.8"
@@ -18080,6 +18337,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nanoid@npm:^3.3.18":
+  version: 3.3.19
+  resolution: "nanoid@npm:3.3.19"
+  bin:
+    nanoid: bin/nanoid.cjs
+  checksum: 10/a330adb28dad63eccb0a0c95a2a61353e84b7e067061fff94167803d94be8eef0f7b75cf2da1bece06e8b7afb892abbe52cf0ec33298c817a083eedccd7656e4
+  languageName: node
+  linkType: hard
+
 "nanoid@npm:^3.3.7":
   version: 3.3.8
   resolution: "nanoid@npm:3.3.8"
@@ -19410,6 +19676,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-native-drawer-layout@npm:^4.2.2":
+  version: 4.2.11
+  resolution: "react-native-drawer-layout@npm:4.2.11"
+  dependencies:
+    color: "npm:^4.2.3"
+    use-latest-callback: "npm:^0.2.4"
+  peerDependencies:
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-gesture-handler: ">= 2.0.0"
+    react-native-reanimated: ">= 2.0.0"
+  checksum: 10/1ecd7cd2d21cde47e3ace36a22809d8574a8a22892d54ea7c297bc75d31708e167a06a6f104b4d2982d2c4afc02d282c70e8a63785e976cd41a525d26b285ebd
+  languageName: node
+  linkType: hard
+
 "react-native-edge-to-edge@npm:^1.7.0":
   version: 1.7.0
   resolution: "react-native-edge-to-edge@npm:1.7.0"
@@ -19562,6 +19843,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-native-screens@npm:^4.26.0":
+  version: 4.28.0
+  resolution: "react-native-screens@npm:4.28.0"
+  dependencies:
+    react-freeze: "npm:^1.0.0"
+    warn-once: "npm:^0.1.0"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/087dddff508c566740fdb540509f73f8e2ecf26c48dc102f76e4dbeaa2be6d885ab8a73a5f24200e4e050544b99ed6a8d9532450edebf7d88feea40bf6262e3d
+  languageName: node
+  linkType: hard
+
 "react-native-screens@npm:~4.16.0":
   version: 4.16.0
   resolution: "react-native-screens@npm:4.16.0"
@@ -19908,6 +20202,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-reconciler@npm:~0.33.0":
+  version: 0.33.0
+  resolution: "react-reconciler@npm:0.33.0"
+  dependencies:
+    scheduler: "npm:^0.27.0"
+  peerDependencies:
+    react: ^19.2.0
+  checksum: 10/eb8ddb8b5cfe850e022379df5330fad1871ab75dd7bc3a4e4c4fef7aa1b951b4cd784263186a0e5b01313de91b389499f95fc616f96b7d9e5dd33c13bdacb014
+  languageName: node
+  linkType: hard
+
 "react-refresh@npm:^0.14.0, react-refresh@npm:^0.14.2":
   version: 0.14.2
   resolution: "react-refresh@npm:0.14.2"
@@ -21471,6 +21776,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"standard-navigation@npm:^0.0.5":
+  version: 0.0.5
+  resolution: "standard-navigation@npm:0.0.5"
+  checksum: 10/89fdd54c597133e658829073abdce086aff111fd2c5593c771a9793757662ca582680193db6f5fc8c35374cd0fc0f28826417cb2c18a68ce5decb8718da93d08
+  languageName: node
+  linkType: hard
+
 "standard-navigation@npm:^0.0.7":
   version: 0.0.7
   resolution: "standard-navigation@npm:0.0.7"
@@ -21478,6 +21790,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"standard-navigation@npm:^0.0.9":
+  version: 0.0.9
+  resolution: "standard-navigation@npm:0.0.9"
+  peerDependencies:
+    react: "*"
+  checksum: 10/67381be75f33ee302a8267028d179a4a52a7f80a542a8059e4e2aaedc64ea9a40211a52a32c5ca723ad4ed10567aeb2e471df7e54b7bb79d0d975d032b3a012c
+  languageName: node
+  linkType: hard
+
 "statuses@npm:2.0.1":
   version: 2.0.1
   resolution: "statuses@npm:2.0.1"
@@ -21934,6 +22255,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"test-renderer@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "test-renderer@npm:1.2.0"
+  dependencies:
+    "@types/react-reconciler": "npm:~0.33.0"
+    react-reconciler: "npm:~0.33.0"
+  peerDependencies:
+    react: ^19.0.0
+  checksum: 10/65be16c35ce1e0e2cef6b6f28043de96954077c303016fad98feee5d8fafd81ca62c215d566780e99b0f80064c40a92364122fbc96ec672e647f3f40fc365830
+  languageName: node
+  linkType: hard
+
 "test-renderer@npm:~1.1.0":
   version: 1.1.0
   resolution: "test-renderer@npm:1.1.0"