animation: 'reveal_from_bottom'
Satyajit Sahoo@satya164
This screen transition animation was legit one of the unique ones in Android. Feels nostalgic.
English
React Navigation
503 posts
React Navigation
@reactnavigation
Routing and navigation for React Native and Web apps. Maintained by @satya164
Katılım Şubat 2018
10 Takip Edilen10.6K Takipçiler
@umair170 Similar to headers, and bottom tabs on iOS, there aren't ways to change the layout of the native tab bar. If it's possible natively, then you can open a feature request for screens.
You can also use a custom tab bar while using native navigator in 8.x for a fully custom design.
English
@reactnavigation Is it possible to configure height etc on Android for the bottom tab bar? 👀
I've been experimenting with the unstable bottom tab bar in v7, iOS looks good but Android doesn't give too many options. 😞
English
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.
English
@yassersstudio Probably because the website was down for a few minutes while we set up Cloudflare.
English
@reactnavigation Copy as markdown wasn’t working this evening :) it returned 404 error
English
React Navigation docs now return markdown instead of HTML for any request with a Accept: text/markdown header 📝
Anything else we can improve to make using the documentation easier with LLMs?
reactnavigation.org/docs/llms
English
We now have a page that lists all differences between dynamic and static APIs.
Previously, it wasn't worth migrating if you already have types and deep links with the Dynamic API. But with LLMs, this could now be an option to simplify code and get better DX, and we want to make it easier to migrate.
Plus, many nice improvements and features are coming to the static API in 8.x that aren't possible with the dynamic API.
reactnavigation.org/docs/static-vs…
English
React Navigation retweetledi
This Week In React 272 🤝 @FilipKaminski @tboba_
⚛️
- Astro 6
- React Compiler in Rust?
- Next.js
- shadcn CLI 4
- Helmet Async 3
- React Aria
- Preact
📱
- Navigation
- Expo Agent/Observe/Widget
- Hermes TS
- Evals
- MMKV
- Activity
🍿 Read/subscribe: thisweekinreact.com/newsletter/272
English
We have had many updates since our first alpha. So we wrote a post with more details.
📝 Highlights
- inactiveBehavior to pause or unmount
- Deep links by default in Static config
- Standard schema in linking
- SF and Material Symbol
- Material themes
And more…
Read below 👇
English
React Navigation retweetledi
Debugging navigation in React Native apps can get messy.
I built **Rozenite Navigation Inspector** to make it visible:
🗺️ Route sitemap
✨ Route autocomplete using sitemap + navigation tree + device routes
🧩 Dynamic route detection ([id], [...slug])
🔍 Live navigation event inspection
Works with Expo Router + React Navigation.
@reactnative @expo @callstackio
Looking for feedback 👇
npmjs.com/package/rozeni…
English
React Native Screens is the unsong hero of React Native. Thanks @kzzzf and everyone behind React Native Screens for what you do 🙏
Krzysztof Magiera@kzzzf
Listen to this episode of RNR to hear me talk about screens – the foundation of react navigation and expo router
English
React Navigation retweetledi
Say hello to React Native Screens 4.24.0 👋
👉 This is the last release supporting the legacy architecture
👉 Improvements to the 5.0 stack implementation
👉 Header subview-related memory leak fix
👉 Many bug fixes
English
For React Navigation 8, we're experimenting with 2 things:
- Using `React.Activity` (will replace experimental freeze)
- Unmounting inactive screens entirely
It's a bit tricky because navigators can be nested. But hopefully it'll work out.
Satyajit Sahoo@satya164
Last week I was playing with keeping content visible with `<Activity mode="hidden">` and managed to come up with 2 approaches that work on native and web. Should I write an article about it?
English
React Navigation retweetledi
probably the hardest thing I've had the privilege of making was this threads-like shared element transition, built with @expo + @reactnavigation
English
2 useful deep link features in React Navigation
- Regex pattern lets you make profile URLs look like `/@userId` but still support different formats for other top level routes
- Path aliases let you map multiple paths to the same screen
Works in both static & dynamic configs
English
React Navigation retweetledi
We’ve just released React Native Screens 4.21.0 and 4.22.0 🎉
New versions include:
✅ Support for xcassets-based icons on iOS
✅ A range of fixes across iOS, Android, and tvOS; including header item layout and tab bar layout issues on iOS
✅ Improvements to the new native stack implementation
Check out 🧵for full release notes
English
React Navigation 8 now shows deep links that it handles, as well as events from navigators in the logger devtools.
It should make it easier to debug what's happening.
English
Shared Element Transitions in any navigator?
2026 is gonna be wild!
Bartłomiej Błoniarz@BBloniarz_
I'm playing around with a new approach to doing SETs in reanimated. The idea is mostly the same, but instead of building atop of rn-screens, we define our own boundary component, that could then be used by navigators (e.g. like useIsFocused) to mark when an animation should run
English