React Navigation

505 posts

React Navigation

@reactnavigation

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

Tham gia Şubat 2018

10 Đang theo dõi10.6K Người theo dõi

React Navigation@reactnavigation·4h

@bajedev Knowing the screens list statically is fundamental to static config, so it's not possible to support. But you can still use static config for the rest of your navigation structure while using dynamic config for a single navigator if you need reactnavigation.org/docs/combine-s…

English

Theo Taylor@bajedev·4h

@reactnavigation Arbitrary loops (map() to create screens)

English

React Navigation@reactnavigation·6h

Appreciate any feedback 🙏 What else is preventing you from using the static API in React Navigation?

Satyajit Sahoo@satya164

Thinking of adding a `with` property to static navigation config const Drawer = createDrawerNavigator({ // ... }).with(YourWrapper) It'd let you add a wrapper and pass props to the navigator. An escape hatch to be able to use dynamic logic without re-architecturing the app.

English

1.1K

React Navigation@reactnavigation·1d

animation: 'reveal_from_bottom'

Satyajit Sahoo@satya164

This screen transition animation was legit one of the unique ones in Android. Feels nostalgic.

English

1.8K

React Navigation@reactnavigation·13 Mar

@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

Umair Ahmed@umair170·13 Mar

@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@reactnavigation·4 Şub

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

103

10K

React Navigation@reactnavigation·13 Mar

@yassersstudio Probably because the website was down for a few minutes while we set up Cloudflare.

English

123

Yasser@yassersstudio·13 Mar

@reactnavigation Copy as markdown wasn’t working this evening :) it returned 404 error

English

101

React Navigation@reactnavigation·13 Mar

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

1.8K

React Navigation@reactnavigation·12 Mar

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

2.6K

React Navigation đã retweet

Seb ⚛️ ThisWeekInReact.com@sebastienlorber·11 Mar

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

12.6K

React Navigation@reactnavigation·10 Mar

reactnavigation.org/blog/2026/03/1…

ZXX

React Navigation@reactnavigation·10 Mar

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

9.2K

React Navigation đã retweet

Francesco@IronTonyTheDev·7 Mar

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

5.8K

React Navigation@reactnavigation·28 Şub

unsung*

Deutsch

552

React Navigation@reactnavigation·28 Şub

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 đã retweet

Software Mansion@swmansion·24 Şub

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

146

13.5K

React Navigation@reactnavigation·23 Şub

Interesting

Beta Profiles@BetaProfiles

iOS 26.4 Beta 2 also moves the Search button into the Games app’s tab bar, following the same change made to the App Store in Beta 1.

English

7.2K

React Navigation@reactnavigation·22 Şub

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

158

11.5K

React Navigation đã retweet

Ed@trpfsu·9 Şub

probably the hardest thing I've had the privilege of making was this threads-like shared element transition, built with @expo + @reactnavigation

English

387

27.3K

React Navigation@reactnavigation·4 Şub

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

2.6K

React Navigation đã retweet

Software Mansion@swmansion·3 Şub

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

132

23.1K

Khám phá

@bajedev @umair170 @yassersstudio @FilipKaminski @tboba_ @reactnative @expo @callstackio