Skip to content

Commit e57cd7a

Browse files
committed
Add blog post for 6.x
1 parent 5ce423a commit e57cd7a

File tree

1 file changed

+48
-0
lines changed

1 file changed

+48
-0
lines changed
Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
---
2+
title: On the way to React Navigation 6.0
3+
author: Satyajit Sahoo
4+
author_url: https://twitter.com/satya164
5+
author_title: Core Team
6+
author_image_url: https://avatars2.githubusercontent.com/u/1174278?s=200&v=4
7+
tags: [release, announcement]
8+
---
9+
10+
We're excited to announce that we finally have a prerelease version of React Navigation 6. We released React Navigation 5 more than half a year ago, and it brought a lot of new possibilities with the new dynamic API, and was met with overwhelmingly positive reaction. Since then, we've been working on incremental improvements and refinements to the library and thinking about how to make it even better. This brings us to the next major version of React Navigation.
11+
12+
<!--truncate-->
13+
14+
While React Navigation 5 was complete overhaul to the API of React Navigation, React Navigation 6 keeps the same API, with some breaking changes to make things more consistent and provide more flexibility. We also tried to address some common pain points and confusions that users had.
15+
16+
We'll share few highlights of the release in this blog post. If you're looking for a detailed upgrade guide, you can find it [here](/docs/6.x/upgrading-from-5.x)
17+
18+
## Highlights
19+
20+
- Params are now overwritten on navigation instead if merging (with option to merge them)
21+
- Modals in [stack](/docs/6.x/stack-navigator) now use the presentation style on iOS by default, and there's a new slide animation for modals on Android
22+
- [Drawer](/docs/6.x/drawer-navigator) now uses a slide animation by default on iOS
23+
- Headers are now shown by default in [drawer](/docs/6.x/drawer-navigator) and [bottom tab](/docs/6.x/bottom-tab-navigator) screens, so you don't need extra stack navigators
24+
- We got rid of `tabBarOptions`, `drawerContentOptions` etc. and moved those to [`options` prop on screen](/docs/6.x/screen-options) to make it possible to configure them per screen
25+
- [Material Top Tabs](/docs/6.x/material-top-tab-navigator) now use a `ViewPager` based implementation, which means it'll provide a native experience
26+
- We now have a [UI elements library](/docs/6.x/elements) which contains various components we use in React Navigation
27+
28+
## Try it out
29+
30+
The new versions are published under `next` tag on [npm](https://npmjs.org). So if you'd like to try it out, add `@next` to the package, you're installing. For example:
31+
32+
```sh npm2yarn
33+
npm install @react-navigation/native@next @react-navigation/stack@next
34+
```
35+
36+
## What's next?
37+
38+
We're planning to update our documentation to recommend [native-stack](/docs/6.x/native-stack-navigator) as the default. This will provide the best performance for people who don't need a lot of customization, while still having the option to use the JavaScript based implementation if they need it.
39+
40+
## Sponsor us
41+
42+
If React Navigation helps you to deliver value to your customers, it'd awesome a lot if you could sponsor us. Sponsorships will help us to move more quickly towards our goal of building the best cross-platform navigation library and continue to provide timely support for bug reports in our GitHub issues.
43+
44+
👉 [Visit our GitHub Sponsors page](https://github.com/sponsors/react-navigation) 👈
45+
46+
---
47+
48+
We hope you find this release useful. Make sure to try the release out and provide feedback on what we can improve. You can open an issue in the [GitHub rep](https://github.com/react-navigation/react-navigation) or tweet to us [@reactnavigation](https://twitter.com/reactnavigation).

0 commit comments

Comments
 (0)