Routing and navigation for React Native and Web apps. Maintained by @satya164
Based in Poland
- Tweets 593
- Following 9
- Followers 11,094
- Likes 531
React Navigation retweeted
What does it take to build React Native's navigation system? π§
@satya164 goes behind the scenes of React Navigation 8 at reactnativeCon Berlin.
Learn more: eu1.hubs.ly/H0yzD330
#nextapp26 #ReactNative
2
4
250
Thanks @DelphineBugner as well for the amazing conference and drawings
@ReactNativeConn 2026 is a wrap! This yearβs theme was Monet and Impressionism so obviously the drawings came back; this time with a focus on the speakers, who truly did an amazing work for all of their talks π cheers to @FilipKaminski @ziusko @zoontek & @uffoltzl !
4
939
We're adding an AI Usage Policy to the React Navigation repo.
AI helps us move fast, but we believe humans should still have understanding of systems they are working on. It also must not replace human interaction.
Open Source is about collaboration. Let's keep it that way.
github.com/react-navigation/β¦
2
6
90
4,944
The new Stack in Screens 5 is getting closer and closer π
React Native Screens 5.0.0-alpha.3 released!
Stack v5 gains more header customization on Android and iOS; FormSheet v5 adds stacking; iOS supports SPM.
swmansion.com/changelog/reacβ¦
2
5
66
8,384
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
33
5,358
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](/pic/orig/media%2FHQfc28WWIAAUCCK.jpg)
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
76
8,339
React Navigation 8 will support matching multiple path segments for links.
Check out the docs: reactnavigation.org/docs/8.xβ¦
ALT // Matches /files/a and /files/a/b 'files/:parts+' // Matches /files, /files/a and /files/a/b 'files/:parts*'
2
10
1,081
If you had issues with React Navigation's drawer not opening/closing correctly, check these versions out π
Thanks to the Reanimated team for the fix π
We've released 3 patch releases of Reanimated with a fix for stale animated props for settled animations:
β‘οΈ react-native-reanimated@4.5.3
β‘οΈ react-native-reanimated@4.4.3
β‘οΈ react-native-reanimated@4.3.3
github.com/software-mansion/β¦
1
20
3,549
Lets go π₯
React Native Screens 4.26.0 has just landed:
βοΈ Tabs API is now stable
βοΈ Improved FormSheet animations and keyboard interactions on Android
βοΈ Fixed touch handling for Pressables in transparent headers on iOS
βοΈ Added the bottomAccessoryHidden prop to hide the bottom accessory
βοΈ Experimental: a standalone FormSheet component for Android and iOS, menu API for new Native Stack, ScrollViewMarker integration with Tabs
Check the changelog: swmansion.com/changelog/reacβ¦
52
6,380
π React Navigation 8 keeps leveling up!
Our latest blog post rounds up everything shipped 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
π€ Agent skills for upgrades & migration
β¨ ...and more
Check it out π
reactnavigation.org/blog/202β¦
4
16
151
11,167
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 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
20
3,262
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
127
8,937
Looks sick π€―
Every screen in this React Native app is streamed from the server as React Server Components (Flight / text/x-component). The Activity tab is a separate federated module loaded at runtime β and its Server Actions POST back to its own server.
RSC + Module Federation on mobile. Built on Re.Pack
@callstackio @repack_rn @reactnavigation @rspack_dev #react #reactnative
2
65
8,451
@stachbial is on a mission!
Forging your custom SVGs into optimised native SFSymbols using react-native-nano-icons achieved internally ππ¬
Stay tuned β¨
1
6
67
3,366
We built it after discussing with Expo Router maintainers to make it easier for custom navigator authors to support both libraries.
Other navigation library authors may also choose to support it, as it doesn't depend on React Navigation's API.
Docs reactnavigation.org/docs/staβ¦
1
11
1,001
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
103
7,159
Now available in @react-navigation/native@8.0.0-alpha.29
Docs: reactnavigation.org/docs/8.xβ¦
4
790
