🚀 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 👇

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.

reactnavigation.org

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...

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.

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/

The new `useRoutePath` hook in React Navigation can be used to get the path to the current route to create a shareable URL 🔗

Now available in the latest version of React Navigation reactnavigation.org/docs/configu...

Satyajit Sahoo@satya164.page · 2y ago

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!

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!

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...