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.