BT

Facilitating the Spread of Knowledge and Innovation in Professional Software Development

Write for InfoQ

Topics

Choose your language

InfoQ Homepage News React Navigation 8.0 Alpha with Native Bottom Tabs, Reworked TypeScript Inference and History

React Navigation 8.0 Alpha with Native Bottom Tabs, Reworked TypeScript Inference and History

Listen to this article -  0:00

React Navigation, the widely used routing and navigation library for React Native and web applications, has published its 8.0 alpha release alongside a March 2026 progress report, introducing native bottom tabs as the default, improved TypeScript inference, and several new developer experience features.

The alpha, announced in December 2025, focuses on minimising large breaking changes while delivering improvements that the community has been requesting. A follow-up progress report in March 2026 added further refinements including deep links enabled by default, Standard Schema support, and native icon integration.

One of the most visible changes in React Navigation 8.0 is that the Bottom Tab Navigator now uses native platform primitives by default on iOS and Android, powered by react-native-screens. This includes support for the new liquid glass effect on iOS 26. Developers who prefer the previous JavaScript-based implementation can switch back by passing the implementation prop as custom to the navigator. HB Nguyen, writing on Medium, highlighted the native tabs and liquid glass support as key reasons to adopt the new version, noting that the library now "interacts more deeply with the device's native UI."

TypeScript support has received updates. The static API introduced in React Navigation 7 has been reworked so that hooks like useNavigation, useRoute, and useNavigationState now automatically infer types based on a provided screen name.

The library can also infer param types directly from path patterns in linking configuration, an approach inspired by TanStack Router. This makes it technically possible to write an entire app without any manual type annotations for navigation. One Reddit user on r/reactnative noted excitement about the improvements, but also showed that some users were frustrated with upgrade cycles and breaking changes:

I’m burnt out by this whole upgrade cycle. It just doesn’t seem to end. My wish this christmas is a stable react native framework.

I just finished upgrading to the new architecture and all it’s issues (react-native-maps instability for one). Just finished upgrading to react navigation v7 and v8 is here already.

The March progress report introduced additional features including a new inactiveBehavior option that leverages React 19's React.Activity to pause inactive screens, reducing unnecessary re-renders. Deep linking is now enabled by default with automatic path generation from screen names, and the library has added support for Standard Schema validation libraries such as Zod and Valibot in linking configuration. Accessibility on the web has improved too, with the inert attribute now used across all navigators to properly hide unfocused screens from assistive technologies.

A new pushParams API allows developers to add entries to the history stack by updating params without pushing an entirely new screen. This is particularly important on the web, where users expect that changing certain UI states should create a new history entry navigable with the browser's back and forward buttons.

React Navigation 8.0 requires React 19, which means React Native 0.83 or later and Expo SDK 55 or later. A detailed upgrade guide is available covering all breaking changes and migration steps from version 7.x.

React Navigation is an open-source library maintained by Satyajit Sahoo. Developers can try the alpha today by installing packages with the @next tag.

About the Author

Rate this Article

Adoption
Style

BT