React Navigation

reactnavigation.orgReact Navigation 8.0 Alpha | React NavigationWe're excited to announce the first alpha release of React Navigation 8.0.

React Navigation 8 alpha is here 👀 📝 Highlights - Native Bottom Tabs by default - Access to route, navigation, & state for any parent screens - Better TypeScript types for static configuration - Push history entries without pushing screens And many more...

Many thanks to @kkafar.bsky.social and the rest of the React Native Screens and many others for making this release possible. A big thanks to @callstack.com for funding the development of many of these features!

And finally, wish you all Merry Christmas and Happy Holidays! See you next year 👋

reactnavigation.orgReact Navigation 8.0 Alpha | React NavigationWe're excited to announce the first alpha release of React Navigation 8.0.

The new `pushParams` API lets you push new entries to history without pushing a new screen. So you can keep filter changes in the history stack, show other components such as modals based on params, and more.

The new `routeNamesChangeBehavior` prop makes it simple to handle deep links to screens behind auth. It's also backported to React Navigation 7, so you can try it now.

reactnavigation.orgReact Navigation 8.0 Alpha | React NavigationWe're excited to announce the first alpha release of React Navigation 8.0.

The `useRoute`, `useNavigation` & `useNavigationState` now accept screen name as an argument. - Pass a parent screen name to get parent screen data - Get automatic type inference based on screen name

In static configuration, the type of params is inferred based on the deep link configuration as well. Inspired by @tanstack.com router 🫶

reactnavigation.orgReact Navigation 8.0 Alpha | React NavigationWe're excited to announce the first alpha release of React Navigation 8.0.

Native Bottom Tabs by default means native look and feel for your tabs, like liquid glass on iOS 26. Made possible thanks to React Native Screens by @swmansion.com

27 Oct 2025

The latest version of React Navigation now has a new unstable API to automatically navigate to the correct screen after a conditional render (e.g., if a screen was opened via a deep link, but was behind auth): UNSTABLE_routeNamesChangeBehavior="lastUnhandled" reactnavigation.org/docs/auth-fl...

Support for PlatformColor, DynamicColorIOS & CSS custom properties is coming to React Navigation's theming system 💅 Currently, it only supports plain color strings. But this will enable using design system tokens defined in native code or CSS without needing to redeclare them.

Do you use React Navigation devtools? It should now display the stack trace correctly. So you can easily see where the navigation originated from.

It was broken for a while because the format of the stack traces had changed since the initial implementation. This is how it looked when it was broken. Not very useful.

reactnavigation.orgDeveloper tools | React NavigationDeveloper tools to make debugging easier when using React Navigation.

See our docs if you want to use it in your app to debug navigation. For now, it shows navigation actions and how the state was updated based on the action, but we also plan to show more information in the future.

24 Apr 2025

We recently updated our testing guide with recommendations and examples. Are there any use cases that you'd like to be documented? reactnavigation.org/docs/testing/