Logo
Picture

React Navigation @reactnavigation

Routing and navigation for React Native and Web apps. Maintained by @satya164 reactnavigation.org Joined February 2018
  • Tweets
    535
  • Followers
    11K
  • Following
    10
  • Likes
    478
React Navigation retweeted
satya164 Profile Picture

Satyajit Sahoo @satya164

2 days ago

Working on automatic shared URLs with React Navigation's static config. If the same screen appears in multiple navigators with the same path pattern, it'll be marked as shared automatically. So the screen keeps one URL, even when it lives in different navigators.

reactnavigation Profile Picture

React Navigation @reactnavigation

3 days ago

Grateful to the React Native Screens team for their hard work 🫶

ferrannp Profile Picture

Ferran @ferrannp

7 days ago

So @kafara_kacper working day and night including tonight to release react-native-screens 5.0.0!

reactnavigation Profile Picture

React Navigation @reactnavigation

7 days ago

Great talk about how navigation works under the hood by @kafara_kacper and @__ubax__

reactnavigation Profile Picture

React Navigation @reactnavigation

2 weeks ago

@gs_rumana They depend on Reanimated and React Native Screens teams. For native tabs, we will have a stable version in React Navigation 8. Meanwhile, make sure to report any issues you encountered.

reactnavigation Profile Picture

React Navigation @reactnavigation

2 weeks ago

You can now have rounded indicators in Material Top Tabs in React Navigation 8 😍

satya164 Profile Picture

Satyajit Sahoo @satya164

2 weeks ago

The indicator now has 5 pieces. The pieces in the middle scale to account for width changes, the pieces on the side handle borderRadius. Why 3 pieces in the middle instead of 1? The scaling math can leave gaps, especially on Android. 3 pieces cover left/right and middle gaps.

reactnavigation Profile Picture

React Navigation @reactnavigation

3 weeks ago

What should happen if you call navigation.preload('MyScreen') multiple times? Currently, each call adds a new instance of the preloaded screen. Should we change the behavior of preload?

reactnavigation Profile Picture

React Navigation @reactnavigation

3 weeks ago

Have you tried it yet?

satya164 Profile Picture

Satyajit Sahoo @satya164

3 weeks ago

The new retain API in React Navigation 8 keeps stack screens rendered and active in the background even after going back. So you can do things like move a video to picture-in-picture so it keeps playing.

reactnavigation Profile Picture

React Navigation @reactnavigation

3 weeks ago

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.

swmansion Profile Picture

Software Mansion @swmansion

3 weeks ago

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.

reactnavigation Profile Picture

React Navigation @reactnavigation

4 weeks ago

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.

reactnavigation Profile Picture

React Navigation @reactnavigation

4 weeks ago

Don't forget to check out the repo and give him a ⭐️ github.com/eds2002/react-…

reactnavigation Profile Picture

React Navigation @reactnavigation

4 weeks ago

reactnavigation.org/blog/2026/04/2…

reactnavigation Profile Picture

React Navigation @reactnavigation

4 weeks ago

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 👇

React Navigation retweeted
satya164 Profile Picture

Satyajit Sahoo @satya164

a month ago

Worked with Claude to dramatically simplify the type annotation needed for custom navigators in React Navigation 8. I was not happy with the verbosity. Really glad how it turned out. Also, TIL that we can use `this` in interface, which also works for properties merged with `&`.

React Navigation retweeted
satya164 Profile Picture

Satyajit Sahoo @satya164

2 months ago

In React Navigation 8, we're working on a way to "retain" screens: navigation.retain(true) Retained screens stay alive and are not unmounted when you go back from them. Next time you navigate to the screen, it'll animate in the existing instance.

React Navigation retweeted
kacperkapusciak Profile Picture

Kacper Kapuściak @kacperkapusciak

2 months ago

The videos showcasing how each navigator works in the @reactnavigation docs look absolutely stunning! Amazing job @satya164 🫶

reactnavigation Profile Picture

React Navigation @reactnavigation

2 months ago

top tabs usually have swipe gesture because the tabs at the top are farther from your finger. so swipe gesture provides an easy way to switch tabs. swipe gesture with bottom tabs is against design guidelines. for Android, Material Guidelines explicitly say not to do it: > Don't swipe between destinations > Source: m3.material.io/components/nav… for iOS, while there don't seem to be explicit guidance, the tabs themselves can be positioned can as a sidebar on larger screens - where tab items are shown vertically, so a horizontal swipe gesture would be unintuitive. since react navigation wants to follow platform guidelines, this won't be supported in the built-in navigator. but react navigation is flexible, so if you really want it: - use material top tabs with tab bar position at bottom - build your own navigator that implements this

React Navigation retweeted
O_Pawica Profile Picture

Oskar Pawica @O_Pawica

2 months ago

React Native Header Motion v1 is out 🎉 Build scroll-driven animated headers your own way! 🖐️ New in v1: header panning Users can drag the header itself to scroll, making the gesture feel continuous with the scrollable. 🗒️ pawicao.github.io/react-native-h… More details in the thread 👇

reactnavigation Profile Picture

React Navigation @reactnavigation

2 months ago

Not sure if this is released in a stable version of React Native Screens, as the last version was released on February 24, and that PR was merged 28 days ago. Once it's released, we'll need to add support for it. In the case of colorScheme, it'll be automatically set based on React Navigation theme once integrated.

reactnavigation Profile Picture

React Navigation @reactnavigation

2 months ago

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 👇

reactnavigation Profile Picture

React Navigation @reactnavigation

2 months ago

@qarthii The safe area isn't applied by default in react-native-screens, so this should work well with the current implementation.

reactnavigation Profile Picture

React Navigation @reactnavigation

2 months ago

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 🙏

Trends for United States

Knicks
Brunson
Wemby
Harper
#NBAFinals
Josh Hart
#loveislandusa
Aaron Fox
Mitch
ORM VEGGIE POPUP ICONSIAM
#OrmxGentleMonsterICONSIAM
Kenzie
#AEWDynamite
Scott Foster
Bryce
Champagnie
Sean
Gabriel
3 MORE
Betrayed

You might like

𝝠 Expo is everything you need to build apps. ⭐️ Star the repo: https://t.co/lqFx3kgxyo 🤗 Signup for free!: https://t.co/NFVyuqAVFE
Expo
@expo
85K Followers
The official React Native Twitter account.
React Native
@reactnative
243K Followers
Maker of the “Can it be done in React Native?” YouTube series ⚛️📺 https://t.co/XYcrqJpwfs
William Candillon
@wcandillon
31K Followers
A software R&D agency. We work with founders in various fields to build custom products or developer tooling. Available for hire.
Software Mansion
@swmansion
23K Followers
React Native podcast by @infinite_red! Join @jamonholmgren, @robin_heinze, @mazenchami, & top tier guests to explore React Native together.
React Native Radio
@ReactNativeRdio
13K Followers
Building @keyframer_dev https://t.co/Q6ULrmFDvc, https://t.co/ZKkS9cj7Y8 - prev @elevenlabsio @Skype | React, React Native | 📽: https://t.co/iHkbtqbnuZ ✌️
Catalin Miron - Anima...
@mironcatalin
12K Followers
High-end App Development and Contracting Agency - aka the
Margelo
@margelo_com
9K Followers
Creator of Expo Router. Prev: Head of AI at 𝝠 Expo.
Evan Bacon 🥓
@Baconbrix
59K Followers
Trends in React Native & AI Engineering Powered by @callstackio 💜
React Universe Summit...
@reactuniverse_
15K Followers
CEO @margelo_com – core contributor @reactnative – angel investor - wannabe racing driver - I built VisionCamera, Nitro Modules and react-native-mmkv
Marc
@mrousavy
21K Followers
Twitter account for the React Native Newsletter which now has over 16,000 subscribers! Editor in Chief @cardwalker
React Native Newslett...
@RNNewsletter
8K Followers
Margelo CTO, co-author of nitro-fetch, release-profiler, Rea 2, quick-crypto, former Expo team member. React Native developer and math lover.
Szymon
@Turbo_Szymon
4K Followers
A hands-on three-day conference with workshops focused exclusively on React Native and Expo. Organized by @swmansion, supported by @expo.
App.js Conf 🗓️ 2...
@appjsconf
8K Followers
devrel @swmansion
Kacper Kapuściak
@kacperkapusciak
5K Followers
Director of engineering @swmansion. Ex @reactnative core at @facebook. Author: gesture-handler, reanimated, rn-screens. Building Radon IDE 🛠️ https://t.co/c1W2EpOzd3
Krzysztof Magiera
@kzzzf
15K Followers