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.

Need React or React Native expertise you can count on?

Let's talkLet's talk
Need to boost your app's performance?
We help React Native teams enhance speed, responsiveness, and efficiency.