unstale

npm / @react-navigation/bottom-tabs

@react-navigation/bottom-tabs

What changed in @react-navigation/bottom-tabs 7, from its official release notes, upgrade guides and advisories. Sources checked 2026-10-18.

8 new APIs and options8 fixes and other

See which of these apply to your code, ranked, in your agent:

npx @unstale/cli init

@unstale/cli 0.1.1 on npm

@react-navigation/bottom-tabs 716 changes

New APIs and options 8

  • Adds an option to set active-indicator size per tab.

    7.21.0release notes

  • Adds an option to set icon size per tab.

    7.21.0release notes

  • Adds support for specifying a rendering mode for SF Symbol icons.

    7.21.0release notes

  • Adds tabBarLabelPositionAdjustment for native tabs on iOS.

    7.21.0release notes

  • Adds a tabBarRole option for prominent and search tabs on iOS 27.

    7.21.0release notes

  • Adds support for tinted image icons on Android.

    7.21.0release notes

  • Adds tabBarRepeatedPressBehavior to tabs.

    7.20.0release notes

  • Custom navigators can use a render callback.

    7.19.0release notes

Fixes and other changes 8

  • Custom active indicator color is no longer ignored in native tabs.

    7.21.0release notes

  • Lazy content rendering is deferred with useDeferredValue.

    7.21.0release notes

  • Fixes the scroll edge effect flashing when switching tabs.

    7.21.0release notes

  • Clears bottom tab animation state after a transition.

    7.20.0release notes

  • Frame size is measured in a layout effect.

    7.19.2release notes

  • Pop to top now uses the latest state to determine whether to act.

    7.18.17release notes

  • Sets the native tab screen background.

    7.18.8release notes

  • Screen detach state is no longer derived from an animated value.

    7.18.8release notes