@reactnavigation

Routing and navigation for React Native and Web apps. Maintained by @satya164

reactnavigation.org
Joined February 2018
  • Tweets606
  • Following9
  • Followers11.1K
Spotted in the wild: React Navigation + GTK on Linux 👀 Happy to see the platform-agnostic core of React Navigation finally get some usage 😊 gtkx.dev/blog/gtkx-1-4
5
3
33
5,424
React Navigation 8 has one of the richest grammars* for URL patterns. This means you get more flexibility for your app's URLs, for deep links, and for browsers. Plus custom parse functions and standard schema for params mean they are type-safe in static config. *Not all features map cleanly.
| Pattern grammar | React Navigation | Expo Router | Next.js | TanStack Router | React Router | | ------------------- | ---------------- | --------------- | ---------------- | --------------- | ------------ | | Static | ✅ `users` | ✅ `users` | ✅ `users` | ✅ `users` | ✅ `users` | | Optional static | ❌ | ❌ | ❌ | ❌ | ✅ `edit?` | | Required param | ✅ `:id` | ✅ `[id]` | ✅ `[id]` | ✅ `$id` | ✅ `:id` | | Optional param | ✅ `:id?` | ❌ | ❌ | ✅ `{-$id}` | ✅ `:id?` | | Repeatable param 1+ | ✅ `:rest+` | ✅ `[...rest]` | ✅ `[...rest]` | ❌ | ❌ | | Repeatable param 0+ | ✅ `:rest*` | ❌ | ✅ `[[...rest]]` | ❌ | ❌ | | Unmatched/Catch-all | ✅ `*` | ✅ `+not-found` | ✅ `not-found` | ✅ `$` | ✅ `*` | | Regex

ALT | Pattern grammar | React Navigation | Expo Router | Next.js | TanStack Router | React Router | | ------------------- | ---------------- | --------------- | ---------------- | --------------- | ------------ | | Static | ✅ `users` | ✅ `users` | ✅ `users` | ✅ `users` | ✅ `users` | | Optional static | ❌ | ❌ | ❌ | ❌ | ✅ `edit?` | | Required param | ✅ `:id` | ✅ `[id]` | ✅ `[id]` | ✅ `$id` | ✅ `:id` | | Optional param | ✅ `:id?` | ❌ | ❌ | ✅ `{-$id}` | ✅ `:id?` | | Repeatable param 1+ | ✅ `:rest+` | ✅ `[...rest]` | ✅ `[...rest]` | ❌ | ❌ | | Repeatable param 0+ | ✅ `:rest*` | ❌ | ✅ `[[...rest]]` | ❌ | ❌ | | Unmatched/Catch-all | ✅ `*` | ✅ `+not-found` | ✅ `not-found` | ✅ `$` | ✅ `*` | | Regex

2
4
1
76
8,371
React Navigation 8 will support matching multiple path segments for links. Check out the docs: reactnavigation.org/docs/8.x…
// Matches /files/a and /files/a/b 'files/:parts+' // Matches /files, /files/a and /files/a/b 'files/:parts*'

ALT // Matches /files/a and /files/a/b 'files/:parts+' // Matches /files, /files/a and /files/a/b 'files/:parts*'

2
10
1,100
Soon @​react-navigation/native will work on web without react-native-web! 👀
1
4
65
4,367
One nice thing about this is that typed hooks like `useNavigation` also handle navigator nesting. So if you use typed hooks instead, you don't need to combine navigation props manually. So no explicit `CompositeNavigationProp` or `CompositeScreenProps`. It's automatically handled under the hood. So the manual types for your dynamic navigation structure also get much simpler.
React Navigation
@reactnavigationJun 17
React Navigation 8 brings rich types to `useNavigation` and `useNavigationState` ✨ So far, that only worked with the static API. Now we're bringing it to the dynamic API too 🚀 It won't be automatic like static config, but there was no way we were leaving it out 💪
1
1
1
20
3,270
React Navigation 8 brings rich types to `useNavigation` and `useNavigationState` ✨ So far, that only worked with the static API. Now we're bringing it to the dynamic API too 🚀 It won't be automatic like static config, but there was no way we were leaving it out 💪
2
5
1
127
8,949
Latest releases of React Navigation 7 & 8 now support standard-navigation: github.com/react-navigation/… standard-navigation is an API for library developers to write custom navigators that work with both React Navigation and Expo Router with minimal wrappers.
1
6
2
103
7,161
The SFSymbol component in React Navigation 8 will soon support contentTransition. It enables nicer transition effects when the name changes, depending on the symbol. <SFSymbol name={name} contentTransition={{ type: 'replace', magic: true }} />
3
13
222
8,336
Great talk about how navigation works under the hood by @kafara_kacper and @__ubax__
1
13
676
New versions of `@react-navigation/bottom-tabs` are out for 7.x and 8.x. You can now specify `tabBarSelectionEnabled: false` to disable selection of a tab on press with native tabs, and listen to the `tabPress` event to implement custom behavior.
Software Mansion
@swmansionMay 11
React Native Screens 4.25.0 is here 📲 👉 Legacy architecture is no longer supported 👉 Release candidate version of Tabs API 👉 Color scheme & RTL support in Tabs 👉 Comprehensive MoreNavigationController handling 👉 Prevent native selection support in Tabs And more.
3
4
52
6,482
React Navigation 7 now supports module augmentation for specifying root types. We backported this from React Navigation 8, so new apps start using it to make the upgrade easier. The old global augmentation still works for backward compatibility.
2
2
61
3,860
Huge shoutout to @trpfsu for react-native-screen-transitions - an incredible library that lets you build advanced gesture-driven navigation animations in React Native. 🙌 Check out his blog post, which shows how to use it: from recreating the iOS page transition to the brand-new navigation.zoom() transition. Link below 👇
3
14
2
121
9,190
We just published 2 new skills for React Navigation - Upgrade React Navigation - Migrate to Static Config $ npx skills add react-navigation/skills Try it out and let us know what can be improved 🙏
11
135
5,202
Native iOS split view is coming to React Navigation 🔜 Powered by React Native Screens 🫶 Let us know your use cases so we can test and ensure that the API is suitable for a wide range of usage 👇
5
25
1
218
12,464
If you are building a new app or boilerplate in 2026 and use React Navigation, please use the Static API. We have done a lot of work to reduce boilerplate further and improve TypeSafety in React Navigation 8. Unless you really need to build the list of screens dynamically at runtime, you'll likely find that the Static API can do everything you need. If you remember the Static API from React Navigation 4 and earlier, the new Static API is very different. It's built on the dynamic core that React Navigation 5 brought, so it has a lot of dynamism built-in. The static parts are only constrained by what we need to make type inference and deep linking automatic.
5
10
161
11,773
React Navigation 8 supports PlatformColor for theming. Using this feature, we now export 2 Android-exclusive themes: - MaterialLightTheme - MaterialDarkTheme These themes use dynamic colors that automatically adapt to the user's wallpaper and theme preferences.
1
8
2
102
10,114
Load more