Sign in

React Navigation

@reactnavigation.org
79 followers 4 following 16 posts

reactnavigation.org

PostsRepliesMedia
React Navigation @reactnavigation.org · 17/07/2026
🚀 React Navigation 8 keeps leveling up! Our post covers updates since March: ⚛️ Suspense & concurrent rendering 📡 Experimental data loaders 🔠 Typed hooks in dynamic navigators 🔗 Shared paths for deep links 📌 Retaining screens in Stack 🎨 Material Design 3 for top tabs ✨ ...and more Check it out 👇
reactnavigation.org
React Navigation 8.0 - July Progress Report | React Navigation
We've continued working on React Navigation 8.0 since the initial announcement and March progress report and released many refinements, improvements and new features.
011
React Navigation @reactnavigation.org · 20/12/2025
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...
reactnavigation.org
React Navigation 8.0 Alpha | React Navigation
We're excited to announce the first alpha release of React Navigation 8.0.
131
React Navigation @reactnavigation.org · 27/10/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...
021
React Navigation @reactnavigation.org · 12/08/2025
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.
032
React Navigation @reactnavigation.org · 12/08/2025
Do you use React Navigation devtools? It should now display the stack trace correctly. So you can easily see where the navigation originated from.
111
React Navigation @reactnavigation.org · 24/04/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/
Guiding principles
When writing tests, it's encouraged to write tests that closely resemble how users interact with your app. Keeping this in mind, here are some guiding principles to follow:

Test the result, not the action: Instead of checking if a specific navigation action was called, check if the expected components are rendered after navigation.
Avoid mocking React Navigation: Mocking React Navigation components can lead to tests that don't match the actual logic. Instead, use a real navigator in your tests.
Following these principles will help you write tests that are more reliable and easier to maintain by avoiding testing implementation details.
031
React Navigation @reactnavigation.org · 01/04/2025
The new `useRoutePath` hook in React Navigation can be used to get the path to the current route to create a shareable URL 🔗
const path = useRoutePath();

// Construct a URL using the path and app's base URL
const url = new URL(path, 'https://example.com');

// Now we have a shareable URL
console.log(url.href);
071
Reposted by React Navigation
Satyajit Sahoo @satya164.page · 01/12/2024
Now available in the latest version of React Navigation reactnavigation.org/docs/configu...
reactnavigation.org
Configuring links | React Navigation
In this guide, we will configure React Navigation to handle external links. This is necessary if you want to:
0193
Reposted by React Navigation
Satyajit Sahoo @satya164.page · 29/11/2024
Working on regex support for linking config in React Navigation ✨ Any param name in linking config can be followed by a parenthesis containing a regex. Feedback welcome! Let me know if you want me to test any specific scenario!
1102
Reposted by React Navigation
Satyajit Sahoo @satya164.page · 06/11/2024
After the long wait, React Navigation 7 is here 😍 📷 Highlights - Static API - Preloading screens - Layout props - useLogger devtools - Searchbar for more navigators - Sidebar and animations in Bottom Tabs - Drawer Layout package And more... Blog post reactnavigation.org/blog/2024/11...
reactnavigation.org
React Navigation 7.0 | React Navigation
The documentation is now live at reactnavigation.org, and v6 lives here.
69923