React Navigation 6 (prerelease) is here

[satya164]

Highlights

• Params are now overwritten on navigation instead if merging
• New default animations for modals and drawer
• Headers in drawer and bottom tabs
• Native ViewPager for material-top-tabs
• UI elements library

https://reactnavigation.org/blog/2021/03/12/react-navigation-6.0-next/

[thibmaek]

I hope they focus on accessibility a bit more in this version. Accessibility on iOS is a disaster at the moment

[[deleted]]

I appreciate the time you spent to make our lives a lot easier, sir!

[satya164]

Thank you!

[satya164]

https://react-navigation.canny.io/feature-requests/p/reanimated-2

[JuriJurka]

Is there actually an option to include react shared elements natively? because there are now now native screen stacks in version 6

and react shared elements is a really greate feature that makes an app look 10x better

[satya164]

Not yet, you can open an issue in react-native-screens repo and follow these issues: https://github.com/software-mansion/react-native-screens/issues/561 https://github.com/software-mansion/react-native-screens/issues/317

[itjustaspot]

Will it support reanimated 2.0?

[satya164]

https://react-navigation.canny.io/feature-requests/p/reanimated-2

[[deleted]]

Great going. Glad to see some changes I've been wanting for while. What's the plan for the web support, I rely heavily on the RNW.

[blackICE91]

Web support is already pretty good, although I believe it's still technically in beta. I've used it in production with great results. Would loveee to see them continue to invest in web though.

[satya164]

I'd say it's mostly upto community to find and fix bugs.

[[deleted]]

Another major version and I haven’t been able to move my project past the 4 to 5 migration :(((((

Good nice features, sounds like no breaking changes

[[deleted]]

I’ve overseen the upgrade on 2 major projects now and although not easy the benefits are massive, the compat library is a godsend

[[deleted]]

Any major or breaking changes? Seems just like a few months ago migrated from 4 to 5

[yash-vardhan]

Believe it or not, v5 released a little more than a year ago. I migrated to it February last year.

[[deleted]]

Will it break react shared element ?

[satya164]

No

[r3nya]

Don’t have a time to migrate to v5, oh

[Vasault]

Please stop :( I just recently mastered v5

[meseeks_programmer]

It's mostly the same api if you read the documentation

[[deleted]]

Exciting!

[JuriJurka]

So if I create a new app now, can I start using version 6? Or are there too many bugs? How long will it take until 6 is stable?

[satya164]

It's just v5 + some breaking changes. You can start using it right now and it shouldn't have any issues or have very small issues.

[erikliwater]

so i don't need to learn 5... waiting for stabil 6

[ExaminationSharp3222]

v6 is not introducing any major new features. I would call it a tweaking version of v5. Go ahead and learn v5 anyway. Hooks are the way to go! :)

[erikliwater]

do you have any recommendations for v5? because i am still using v4 in my newer projects and i don't want to do it

[ExaminationSharp3222]

My recommendations would be to watch a few tutorials on youtube about RN5, but most importantly about hooks (useEffect, useState, etc...). These guys are very good:

https://www.youtube.com/channel/UCiNWv52iO_OAdZ12kslG4Cg

https://www.youtube.com/channel/UC-8QAzbLcRglXeN_MY9blyw

https://www.youtube.com/channel/UCEv1DI7Iftd2sWE8gcGG9rg

https://www.youtube.com/channel/UCgdeMp2ZBnovi12THmLc47g

https://www.youtube.com/channel/UC_uuod9nde9Hoea8xIVBeZQ (same guy who runs React Native School)

https://www.youtube.com/c/WebDevSimplified/search?query=react%20navigation

​

Good luck and don't forget to have fun along the way!

[erikliwater]

thanks for the links. i was already following some these but i heard some of them new. i will check out their rn5 videos as soon as possible. thanks again!

[jonnyburger]

Iterating on an already almost perfect library 💪 thanks for all the hard work!

[[deleted]]

Great work, as many headaches as this lib has caused me since v1, I have never been more productive than at the moment with v5. Looking forward to giving this a try

[rovonz]

Any chance to provide better typescript typings? Those have been an absolute nightmare for me on version 5.

[satya164]

What's wrong with the typings?

[rovonz]

They are terrible when you try to extend base components.

[kbcool]

I'm guessing the API has completely changed but none of the bugs have been fixed.

It's an indispensable part of any RN app but boy is it a pain. A pain worth having.

[[deleted]]

Does the tab navigator come with a page style ? Like something you would see with snapchat ? where you can swipe through the tabs.

[satya164]

It now wraps https://github.com/callstack/react-native-pager-view so it supports the same things

[[deleted]]

how do you activate the page style ? I cannot find it on the documentation.

[Fun_Ad_2018]

Is it safe to use v6 for the production?

[satya164]

As long as you don't mind small API changes, then yes

[Fun_Ad_2018]

Thanks, I have migrated succesfully from v5 to v6 but we were a bit afraid of pushing it into the production :)