React Native Bottom Tabs
Docs
Docs

Usage with One

The @bottom-tabs/react-navigation package provides a native bottom tab navigator for React Navigation.

npm
yarn
pnpm
bun
npm install @bottom-tabs/react-navigation

In order to use this navigator with One, you need to wrap it with the withLayoutContext.

import { withLayoutContext } from 'one'
import { createNativeBottomTabNavigator } from '@bottom-tabs/react-navigation';

const NativeTabsNavigator = createNativeBottomTabNavigator().Navigator

export const NativeTabs = withLayoutContext(
  NativeTabsNavigator
)

For props and more information, see the React Navigation integration guide.