
Routing and navigation for React Native and Web apps. Maintained by @satya164
Joined February 2018
- Tweets606
- Following9
- Followers11.1K
- Likes544
React Navigation retweeted
Exploring a simpler API for this.
Essentially:
- Import a context that gives you a promise that resolves if the screen was focused, or preloaded
- Get the context with `use`, then use that promise with `use`
Still thinking about the exact nomenclature, but this essentially requires a single line of code which would seamlessly integrate with any data fetching code using suspense in the screen.
React Navigation retweeted
You can now use SVG icons in native tabs! ✨
React Navigation 8 includes support for custom SF Symbols on iOS and Vector drawables on Android for icons.
With React Native Nano Icons by @stachbial, this lets you use SVG icons in native tabs without sacrificing performance.
Check out our docs for more details reactnavigation.org/docs/8.x…
React Navigation retweeted
react-navigation 🤝 react-native-nano-icons 🔬
Frankly, that’s just a fraction of what @reactnavigation and react-native-screens bring to the table.
A must-read 👇🤓
React Navigation retweeted
React Native Screens 4.30.0 released!
Stack v4 supports iOS 27 and iPhone Duo, opaque headers work on iOS 26+, and Tabs gain prominentScreenKey.
swmansion.com/changelog/reac…
React Navigation retweeted
React Native Screens 5.0.0-alpha.4 released!
Tabs move to the UITab API on iOS 26.1+, custom tab-bar icons arrive, and Stack v5 header items gain new props.
swmansion.com/changelog/reac…
React Navigation retweeted
Apple changed how the prominent search tab works in iOS 27
iOS 26: UITabBarItem + UITabBarSystemItem.search
iOS 27: UISearchTab + automaticallyActivatesSearch
To achieve this React Navigation's native tabs on iOS 26+, you can now do:
tabBarRole: 'search'
tabBarSearchAutoFocus: true
If your tab isn't for search, and you just want the special styling:
tabBarRole: 'prominent'
Available in React Navigation 7 & 8, thanks to React Native Screens 👏
reactnavigation.org/docs/nat…
React Navigation retweeted
This one will enable all of react-native-screens consumers to easily adopt custom native symbols in tab bars using 🔬react-native-nano-icons.
And that’s just a grain of sand in what rn-screens are constantly shipping to provide top-tier native experiences in React Native 🫡
Thanks @kafara_kacper and @kligarski!
Totally worth upgrading! New icons API in Tabs by @stachbial is IMHO a banger.
FYI: We'll have a follow-up release coming early next week with some additional patches listed here: github.com/software-mansion/…
React Navigation retweeted
Totally worth upgrading! New icons API in Tabs by @stachbial is IMHO a banger.
FYI: We'll have a follow-up release coming early next week with some additional patches listed here: github.com/software-mansion/…
React Native Screens 4.29.0 released!
iOS Tabs move to UITab and gain search, sidebar placement and custom icons, plus Android fragment fixes.
swmansion.com/changelog/reac…
React Navigation retweeted
React Native Screens 4.29.0 released!
iOS Tabs move to UITab and gain search, sidebar placement and custom icons, plus Android fragment fixes.
swmansion.com/changelog/reac…
React Navigation retweeted
Here's some more iPhone Duo interactions in 𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚜𝚌𝚛𝚎𝚎𝚗𝚜
✅ Split Columns adapt to the half-folded mode
✅ Tabs move to the side also when nested inside other containers
✅ Search Field moves to the trailing edge when half-folded
React Navigation retweeted
iPhone Duo in react-native-screens:
✅ Tabs on the side
✅ New default header behavior
✅ FormSheet that adapts to folded screen
✅ SearchTab with automatic activation
That’s what native containers give you. And there’s going to be much more.
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
React Navigation retweeted
React Native Screens 4.28.0 released!
Android fixes: tab bar layout after configuration changes, stable tab item ids, and a use-after-free crash.
swmansion.com/changelog/reac…
Here's how I'd start a React Native app today if I want it to be native: USE THE PLATFORM, don't reinvent the wheel. My must-haves:
- react-native-screens from @swmansion, together with @reactnavigation. Native stack, native tabs, formSheet for bottom sheets, native modals, SF Symbols, Material Symbols, etc. Keep an eye on v5.
- expo-ui from @expo for SwiftUI and Jetpack Compose components in JSX. Missing one? Have AI write it and contribute it back.
- Nitro Modules from @margelo_io for low-level, fast native code (Swift, Kotlin, C++). Some good examples: react-native-mmkv for key-value storage (a must), react-native-healthkit, react-native-nitro-fetch.
- expo-sqlite + drizzle-orm from @DrizzleORM if you need a local database.
- Legend State from @jmeistrich. Write proper selectors, watch your re-renders, and close subscriptions on unfocused screens (think Android onResume/onPause). Be methodical. This is not the web, and React Compiler won't do it for you.
- Do not block your app startup with anything. You should not need a splash screen if you don't want one.
Use whatever tools you want. But React Native does not mean your app isn't native under the hood. Your iOS and Android builds end up very, very different, on purpose. You're just using abstractions that smart people built and keep curating for you.
Do this and when something like the iPhone Duo comes out, your app just works on it. You were already using native navigation, sheets and components, so the platform adapts them for you.
React Navigation retweeted
react-native-screen-choreography 0.5.0 is out 🚀
Smoother shared transitions, zero rerenders during animations, and 60 FPS on Android and iOS.
Works with Expo Router and React Navigation.
Free and open-source.
React Navigation retweeted
While others imagine what life will be like after iPhone Duo drops (there won’t be any way to test it until Xcode 27.1), we’re focusing on what’s here and now. There are lots of cool improvements Apple is bringing with iOS 27:
👉 header minimization and restoration behavior
👉 prominent tab (no need for workarounds with search)
👉 header item visibility priority
👉 placing tabs in the sidebar (larger iPhones only), and more
We’ll support all of it in upcoming versions of react-native-screens. Oh, and iPhone Duo will be supported as well 🫡
React Navigation retweeted
When you get a bit impatient waiting for React Navigation 8 @satya164
React Navigation retweeted
I researched React Native navigation libraries performance 3 months ago and thought I was going to make this into a book, but whatever, here it is:
andrei-calazans.com/posts/20…



















