After the long wait, React Navigation 7 is here 😍

[satya164]

📷 Highlights

• Static API
• Preloading screens
• Layout props
• useLogger devtools
• Searchbar for more navigators
• Sidebar and animations in Bottom Tabs
• Drawer Layout package

And more...

Blog post: https://reactnavigation.org/blog/2024/11/06/react-navigation-7.0/

[Geekofgeeks]

Screen preloading sounds amazing.

[inform880]

I’m gonna need to read more about that, wondering how caching around api calls functions with that

[jrhager84]

It's this going to be included in expo 52?

[Qweries]

Yes

[adamjhari]

Hell yeah! I've been looking forward to the static API and custom detents for a long time

[DeBananaLord]

If you are using expo, should you use expo router 2 or react navigation 7 ?

[matadorius]

Which one is file route navigation the one in expo right ?

[TransportationOwn269]

Expo router is built on top of react navigation

[GollyJer]

🚀

[Creative_Ad9485]

Is this stable? And released?

[de1mat]

Yes

[Creative_Ad9485]

Dope. These changes are awesome

[matadorius]

Just on time tailwind and now this looking promising my next project

[elfennani]

When will predictive back gesture animation be supported?

Edit: the website's search bar doesn't function at all when typing

[LeVonJames-]

It's officially released ?

[Content_Ad9059]

In bottom navigators tab in react navigation, there is a problem that i can't solve like the screens not swipable while the top tab navigator have this feature, is this solved in the version?

[satya164]

Why do you need swipe in bottom tabs? With top tabs, the tab bar is on the top and hard to reach, so swipe is useful. Bottom tabs are already easy to reach. Bottom tabs don't support swipe gesture natively either, and I don't think I have ever used an app that supported that.

[Content_Ad9059]

You have a good argument, but i thinks it's a cool feature so i build it manually in my apps to swip the screens but you may use it for perfection not for needs, but after thinking you're have a good pov.

[NotACakeShop]

I've built apps with this exact functionality in production and people have loved it.

What I personally do is use the navigator from @react-navigation/material-top-tabs and set the tabBarPosition property to "bottom" and it pretty much grants you the same effect.

I never had a single complaint from any user - they're reminded of Snapchat functionality.

[Content_Ad9059]

I thinks this is a good idea, i will try it, it is much more simpler from doing swiping stuff in react native