Skip to content

[pull] main from react-navigation:main #35

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 229 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
229 commits
Select commit Hold shift + click to select a range
88dc8c1
Handle diff code blocks
satya164 Mar 13, 2024
e322ee8
Fix diffs in upgrading guide
satya164 Mar 13, 2024
ee5a430
Complete existing TODOs in upgrade guide
satya164 Mar 13, 2024
841bfcc
Encode videos with H.264 codec
satya164 Mar 15, 2024
29f5745
Re-encode mov videos to mp4
satya164 Mar 15, 2024
de3124f
Update upgrade guide
satya164 Mar 15, 2024
5bddf22
Update docs with 7.x changes
satya164 Mar 16, 2024
dad6ce9
Fix the descriptions for navigation object
satya164 Mar 18, 2024
e30ac1c
Update animations section for stack
satya164 Mar 18, 2024
2ee1add
Tweak code block styling
satya164 Mar 23, 2024
99d5798
Tweak video styling
satya164 Mar 23, 2024
2c0fab7
Update tab view example and video
satya164 Mar 23, 2024
3e50b6a
Fix video padding
satya164 Mar 23, 2024
ee3679c
Add href to tab bar examples
satya164 Mar 25, 2024
5ff4f15
Document usePreventremove hook
satya164 Mar 25, 2024
9bcaa5d
Shorten headings in upgrade guide
satya164 Mar 25, 2024
15a66bf
Document automatic linking
satya164 Mar 25, 2024
8d369e7
Update configuring links for static config
satya164 Mar 25, 2024
e321de1
Update combining static and dynamic APIs
satya164 Mar 25, 2024
d90dfc6
Add blog post for static API
satya164 Mar 25, 2024
db761ed
Document new elements
satya164 Mar 25, 2024
556ef6e
Document tabBarPosition
satya164 Mar 26, 2024
df873a5
Fix typo in blog post
satya164 Mar 27, 2024
573f34d
Document preload action
satya164 Mar 27, 2024
9fe0d5a
Remove extraneous examples
satya164 Mar 28, 2024
8636893
Document useDrawerProgress
satya164 Mar 28, 2024
487d379
Document exported hooks for each navigator
satya164 Mar 28, 2024
84f8329
Update screen and group docs to adapt to static config
satya164 Mar 28, 2024
fadf41c
Add a page for navigator
satya164 Mar 28, 2024
14af773
Document layout and screenLayout props
satya164 Mar 28, 2024
1a94f4c
Document new API for react-native-tab-view
satya164 Mar 29, 2024
2b3a6ee
Avoid duplicate screen name warnings
satya164 Mar 31, 2024
e683d77
Fix typo
satya164 Apr 2, 2024
91b95cf
Add a note about TypeScript under fundamentals
satya164 Apr 9, 2024
4309c8e
Remove note about React Navigation 4
satya164 Apr 20, 2024
14d6b27
Tweak description for group
satya164 Jun 22, 2024
4ce5289
Mention Expo React Navigation devtools plugin
satya164 Jun 22, 2024
17c6783
Add a note about ErrorBoundary to state persistence docs
satya164 Jun 24, 2024
66ec947
Update SSR docs for static rendering
satya164 Jun 24, 2024
bc4ce11
Remove redux and MST docs as they are outdated and not anything speci…
satya164 Jun 24, 2024
db9b6d7
Update NavigationContainer docs
satya164 Jun 26, 2024
57c00dc
Document popToTopOnBlur
satya164 Jun 26, 2024
c9cec95
Document direction prop and useLocale
satya164 Jun 26, 2024
50598f5
Use elements button for examples
satya164 Jun 27, 2024
35a6db3
Add blog post for React Navigation 7 RC
satya164 Jun 27, 2024
3f66a2e
Update tab sidebar graphics
satya164 Jun 28, 2024
201f234
Fix typo on try it out section (#1347)
betomoedano Jun 29, 2024
23f6b68
Document tabBarVariant
satya164 Jul 3, 2024
992cbf3
Add a note about keeping native theme in sync
satya164 Jul 8, 2024
298d524
Fix removing shared screen docs for static API
satya164 Jul 11, 2024
e0c8b3b
Update to RC versions for Snack
satya164 Jul 11, 2024
08b505f
Tweak screen docs
satya164 Jul 11, 2024
77d217c
Update to RC versions for Snack
satya164 Jul 11, 2024
de04713
Update fixed RC versions for Snack
satya164 Jul 12, 2024
7f13def
Update instructions for importing gesture handler
satya164 Jul 14, 2024
2b97cde
Update drawer layout docs
satya164 Jul 24, 2024
e210771
Minor tweak
satya164 Jul 24, 2024
ba9c4d3
Update TS guide for custom navigators in v7
satya164 Jul 25, 2024
2ae17a2
Tweak headings for hello-react-navigation
satya164 Jul 28, 2024
434fa73
Add installation of elements to fundamentals
satya164 Jul 28, 2024
537c94a
Add highlights in navigating guide
satya164 Jul 28, 2024
39d98e4
Revamp web support docs
satya164 Jul 28, 2024
6e6901e
Fix typo
satya164 Jul 28, 2024
1e12308
Shorten what should be in params docs
satya164 Jul 28, 2024
8fb73d0
Fix some grammatical issues
satya164 Jul 29, 2024
5084392
Document lazy-loading screens for web
satya164 Jul 29, 2024
52b9187
Center content on larger screens
satya164 Dec 22, 2023
089468d
Shorten sidebar labels
satya164 Jul 30, 2024
21b2d49
Tweak shadows for images and videos
satya164 Jul 31, 2024
30afd1c
Fix alignment for side by side videos
satya164 Aug 1, 2024
bb66506
chore: Added sample animation videos - Native Stack (#1350)
stanleyoos Aug 1, 2024
d1393ff
chore: Native Stack doc's - animationTypeForReplace (#1351)
stanleyoos Aug 2, 2024
cd5fe4b
Add some links for next-steps
satya164 Aug 4, 2024
89cc4b8
chore: Native Stack doc's - headerBackButtonMenuEnabled (#1352)
stanleyoos Aug 5, 2024
90f12bb
Document headerBackButtonDisplayMode
satya164 Aug 5, 2024
a0a897d
chore(docs): Added screenshots for headerSearchBarOptions (#1355)
stanleyoos Aug 6, 2024
971d34f
docs: Native Stack - presentation (#1354)
stanleyoos Aug 6, 2024
19d103b
docs: Drawer v7. (#1356)
stanleyoos Aug 6, 2024
bb7ba79
Fetch package versions during build
satya164 Aug 6, 2024
a0cb421
Automatically detect React Navigation version for examples (#1358)
satya164 Aug 6, 2024
c5a44ea
Tweak tab and toc styling
satya164 Aug 6, 2024
4456de9
Update typescript config docs
satya164 Aug 7, 2024
6d31135
Tweak heading styles
satya164 Aug 7, 2024
377f5cf
Remove note about react-native link since the command is removed
satya164 Aug 7, 2024
ecc8b59
docs: Bottom Tabs v7 (#1357)
stanleyoos Aug 7, 2024
6aa24b6
Update stack-actions.js (#1239)
DomiR Aug 7, 2024
5ce5799
Redesign the navbar
satya164 Aug 7, 2024
5be51ce
Avoid full page reload on getting started link
satya164 Aug 8, 2024
9e2af9d
Remove redundant links from footer
satya164 Aug 8, 2024
ad68300
Use .footer to avoid targeting other usage of footer
satya164 Aug 8, 2024
b933c27
Tweak spacing in navbar
satya164 Aug 8, 2024
15fe98b
Center navbar logo in mobile view
satya164 Aug 8, 2024
b941405
docs: fixed android association documentation link in versioned_docs …
grnsmn Aug 8, 2024
034abb4
Typo Fixed. (#1295)
DawitMengistu Aug 8, 2024
0ebb14b
Fix screen-options.md typo (#1341)
crisanmm Aug 8, 2024
0f17df7
Update limitations.md (#1342)
CodeByRahulSaini Aug 8, 2024
77c3617
Update upgrading-from-6.x.md (minor typo) (#1343)
robwalkerco Aug 8, 2024
262034d
Fix Typo - handling-safe-area.md (#1274)
SadmanYasar Aug 8, 2024
d6e9452
Revert "Typo Fixed. (#1295)" (#1365)
stanleyoos Aug 8, 2024
a817790
Update stack-navigator.md (#1254)
kazuma0129 Aug 8, 2024
43c6bdf
docs: fix type in library name (#1344)
michalzuk Aug 8, 2024
7b313e5
Update 'verifying Android App Links' link (#1300)
henrikgs Aug 8, 2024
61251f6
docs: Native Stack - header options (#1353)
stanleyoos Aug 8, 2024
b72d18b
Fix navigation.replace documents (#1235)
bouzuya Aug 8, 2024
821c36f
Document new headerSearchBarOptions
satya164 Aug 8, 2024
51e56e1
Tweak sidebar separators
satya164 Aug 8, 2024
d34e098
Sync TOC with visible headings
satya164 Aug 9, 2024
3cd824e
Enable format on save for VSCode
satya164 Aug 9, 2024
107c0c1
Document navigateDeprecated
satya164 Aug 9, 2024
db2a8e8
Remove redundant tab and drawer navigation guides
satya164 Aug 9, 2024
ee9ab9e
Add ability specify tabs in codeblock metadata
satya164 Aug 9, 2024
5c18f45
Update custom tab bar example
satya164 Aug 9, 2024
6d92d6d
Move footer to homepage only
satya164 Aug 9, 2024
960db8e
Increase content width
satya164 Aug 9, 2024
41db2b0
docs: Fixed typo in v7 (#1364)
stanleyoos Aug 12, 2024
df3cb49
docs: Fixed swapped button titles (#1361)
stanleyoos Aug 12, 2024
cef7a66
Update custom navigator section in upgrade guide
satya164 Aug 15, 2024
1af2f52
docs: add links in Configuring TypeScript section (#1368)
stanleyoos Aug 28, 2024
b3e51d9
docs: Updated references to React documentation (#1362)
stanleyoos Aug 28, 2024
f1d9266
Tweak description for direction prop
satya164 Aug 28, 2024
c65db83
Cache version info for offline work
satya164 Aug 29, 2024
11192c4
Add an example for direction prop
satya164 Aug 29, 2024
50dd512
Respect user's preferred color scheme (#1375)
xoyseau Oct 10, 2024
069f1d3
Document that native-stack now supports preload
satya164 Oct 11, 2024
6bcecd1
Document updated Expo Go requirement
satya164 Oct 11, 2024
6c92221
Mention React Native Paper
satya164 Oct 22, 2024
7b71b70
Document logger devtool
satya164 Oct 27, 2024
7b0b03f
Mention screens 4 requirement in upgrade guide
satya164 Oct 27, 2024
5782814
Fix typo in `configuring-links.md` (#1377)
szymonrybczak Oct 30, 2024
d535cfa
Document sceneContainerStyle removal
satya164 Oct 31, 2024
ed54793
Update docs for tab view
satya164 Nov 2, 2024
b8c5da2
Add react-native-bottom-tabs to community libraries (#1376)
okwasniewski Nov 4, 2024
f7e52d9
mark 7.x as stable (#1380)
satya164 Nov 6, 2024
162aeeb
fix links in blog post
satya164 Nov 6, 2024
009f923
Document ESM changes in upgrade guide
satya164 Nov 7, 2024
ff7dfc5
Fix tab view changes in upgrade guide
satya164 Nov 7, 2024
836e512
fix typo
satya164 Nov 7, 2024
baef4a6
Docusaurus 3.6.1 (#1381)
slorber Nov 8, 2024
1c66c4b
Upgrade dependencies (#1382)
satya164 Nov 8, 2024
8b8b073
Temporarily downgrade rspack to workaround broken live reload
satya164 Nov 13, 2024
ae7c592
Note that route object contains pure functions
satya164 Nov 13, 2024
92e668e
Update troubleshooting guide
satya164 Nov 14, 2024
01b9a1a
Update native-stack docs
satya164 Nov 14, 2024
0a7bf61
Fix outdated info about navigate
satya164 Nov 14, 2024
48b5ea1
Replace removed `labelVisible` with `displayMode`. (#1384)
KirillTregubov Nov 15, 2024
601474f
Update drawerType from drawer-layout
satya164 Nov 18, 2024
a8749db
Document search bar ref
satya164 Nov 19, 2024
5a63b03
docs: Removed duplicate code from auth-flow example (#1369)
vijaygojiya Nov 22, 2024
46100a5
Move tip to correct position in auth flow
satya164 Nov 22, 2024
c5d548d
Upgrade react navigation in playground
satya164 Nov 22, 2024
5045ce8
Fix broken anchor links
satya164 Nov 22, 2024
5aa07dc
Fix incorrect docs for sceneStyle
satya164 Nov 22, 2024
0022113
Remove unsupported legacy implementation prop from examples
satya164 Nov 22, 2024
3fb07cd
Add ability to trigger deploy job manually
satya164 Nov 25, 2024
84334ca
Add note about TypeScript regarding ESM
satya164 Nov 25, 2024
c8feb2f
Document merge argument for navigate and popTo
satya164 Nov 26, 2024
f3d3432
Remove tabBarIconStyle from material-top-tab-navigator options (#1387)
imranbarbhuiya Nov 26, 2024
3504693
Fix typo. Closes #1379
satya164 Nov 26, 2024
7c681a9
Update TS guide
satya164 Nov 28, 2024
01c6965
Move labelStyle to options
satya164 Nov 28, 2024
2249bf8
Clarify headerBackground with headerStyle
satya164 Nov 28, 2024
30a479e
Document regular expressions in linking config
satya164 Dec 1, 2024
7520267
Document starter template
satya164 Dec 1, 2024
256ae25
Document path alias in linking
satya164 Dec 2, 2024
3ce61b8
Tweak the home page
satya164 Dec 4, 2024
a757d3a
Update starter template command
satya164 Dec 5, 2024
48a6b03
Add note about material bottom tabs
satya164 Dec 5, 2024
fdbf5d6
Document configureGestureHandler
satya164 Dec 7, 2024
db23292
Add warning about accessing route.params.screen
satya164 Dec 11, 2024
f1ab2bc
Fix popTo description
satya164 Mar 5, 2025
701c32b
Update docs for layout
satya164 Mar 5, 2025
b827231
Add blog post about Native Bottom Tabs (#1398)
okwasniewski Mar 9, 2025
191765f
Document formSheet props and limitiations (#1402)
kligarski Mar 9, 2025
2be4a98
Clarify formSheet flex limitations (#1416)
kligarski Mar 14, 2025
d966834
Fix typo in auth-flow.md (#1415)
mchisolm0 Mar 14, 2025
779730c
Fix syntax error in tabBarPosition example (#1414)
bkeepers Mar 14, 2025
549835a
Update custom-navigators.md : Add missing variable (#1412)
ahmed-khlifi Mar 14, 2025
1aaef1a
Fix description for headerMode
satya164 Mar 14, 2025
7fc4ebc
Update testing guide (#1404)
kligarski Mar 15, 2025
b3664ea
Correctly place autoVerify in VIEW intent-filter (#1400)
ncdai Mar 15, 2025
10b4e56
Update safe area docs
satya164 Mar 15, 2025
53a0b08
Update docs for getId
satya164 Mar 19, 2025
ae75bde
Document the pop option for navigate
satya164 Mar 19, 2025
c4a40e5
Add a warning about getId with native stack
satya164 Mar 19, 2025
b71a65b
Fix typo in title
satya164 Mar 21, 2025
13acc21
Tweak what should be in params
satya164 Mar 24, 2025
cff44bd
Document that state is now frozen
satya164 Mar 25, 2025
ee79889
Make not in beforeRemove section a wanrning
satya164 Mar 27, 2025
4214c6d
Update docs about headerBackButtonDisplayMode and headerBackTitle (#1…
maciekstosio Apr 1, 2025
7e1370b
Document useRoutePath hook
satya164 Apr 1, 2025
0d93eab
Document ready event on the ref
satya164 Apr 3, 2025
74ecfeb
Update TypeScript docs to include moduleResolution: bundler
satya164 Apr 6, 2025
d0714af
Use example instead of mychat
satya164 Apr 6, 2025
41b3d34
Fix wording
satya164 Apr 6, 2025
fa78c92
Update jest configuration for React Navigation
satya164 Apr 8, 2025
90bbf5c
docs: add deprecation message to some status/navigation bar related p…
kligarski Apr 9, 2025
4a09d1d
Fix `:::warning` syntax in server-rendering docs (#1423)
hehex9 Apr 17, 2025
66b5ec1
Update docs after changes to headerBackTitle (#1422)
maciekstosio Apr 17, 2025
c365013
Fix typo in import
satya164 Apr 21, 2025
277e90e
Improve authentication flow docs (#1419)
VimDiesel123 Apr 24, 2025
3c79864
Improve testing guide
satya164 Apr 24, 2025
44d9a5d
Tweak custom navigator docs
satya164 Apr 24, 2025
92ebfe5
Update links in getting started
satya164 Apr 24, 2025
5700111
Update upgrade guide for tab view
satya164 May 6, 2025
a5d501a
Add migration instructions for unmountOnBlur
satya164 May 6, 2025
60212e4
Truncate native bottom tabs post
satya164 May 6, 2025
3a79b33
Fix persistence example for static config
satya164 May 28, 2025
a1f1137
docs: add missing status bar docs (#1432)
kligarski May 30, 2025
136ce31
Document backBehavior: fullHistory
satya164 May 30, 2025
b466bfd
Document navigation.replaceParams and CommonActions.replaceParams
satya164 May 30, 2025
a72b2eb
chore(github): comment out notational pieces of PR template (#1431)
agilgur5 Jun 3, 2025
8f38c18
fix(contrib): remove duplicated links (#1430)
agilgur5 Jun 3, 2025
f56761a
fix(contrib): update links to Issue & PR templates (#1429)
agilgur5 Jun 3, 2025
1ab0349
Fix typescript docs for custom navigators
satya164 Jun 4, 2025
d80708a
Mention backBehavior: fullHistory on web docs
satya164 Jun 7, 2025
cfb683e
Document reserved param names
satya164 Jun 11, 2025
1ac14ce
Improve lifecycle docs
satya164 Jun 15, 2025
ea5bcae
Add links to summaries
satya164 Jun 15, 2025
585978d
Remove now-unnecessary gesture handler import
satya164 Jun 16, 2025
2aa5edb
Improve custom navigator docs
satya164 Jun 17, 2025
b5947fa
Update getting started guide
satya164 Jun 24, 2025
827c1f7
Improve docs for navigator-specific types
satya164 Jun 24, 2025
9df6dea
Improve docs for stale state
satya164 Jun 25, 2025
55ea79c
Update sponsors list
satya164 Jul 10, 2025
9da5746
Tweak styling for tabs with single codeblock
satya164 Jul 27, 2025
6360558
Add Swift AppDelegate setup instructions for deep linking (#1428)
kleviss Jul 27, 2025
17108e2
Add instructions for universal links on Expo
satya164 Jul 27, 2025
fbe71a7
Add a warning about component being rendered for listeners
satya164 Aug 3, 2025
8340865
Update autofix.ci
satya164 Aug 3, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
4 changes: 4 additions & 0 deletions .github/PULL_REQUEST_TEMPLATE.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
<!--

# READ ME PLEASE

> **TL;DR: Make sure to add your changes to versioned docs**
Expand All @@ -7,3 +9,5 @@ Thanks for opening a PR!
The docs cover several versions of `react-navigation`, and in some cases there are several files (for version 1, version 2 and etc.) that all describe a single page of the docs (eg. "Getting Started").

Please make sure that the edit you're making in `docs/file-you-edited.md` is also included in the file for the correct version, eg. `/versioned_docs/version-3.x/file-you-edited.md` for version 3. If such file doesn't exist, please create it. :+1:

-->
7 changes: 2 additions & 5 deletions .github/workflows/autofix.yml
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
name: autofix.ci

on:
push:
branches:
- main
pull_request:
branches:
- main
Expand All @@ -22,10 +19,10 @@ jobs:
uses: ./.github/actions/setup

- name: Fix lint issues
run: yarn markdownlint-cli2-fix
run: yarn markdownlint-cli2 --fix

- name: Prettify code
run: yarn prettier --write .

- name: Autofix
uses: autofix-ci/action@8106fde54b877517c9af2c3d68918ddeaa7bed64
uses: autofix-ci/action@635ffb0c9798bd160680f18fd73371e355b85f27
1 change: 1 addition & 0 deletions .github/workflows/main.yml
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
name: Deploy

on:
workflow_dispatch:
push:
branches:
- main
Expand Down
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ node_modules
.DS_Store
.docusaurus
.history
.idea

build/
translated_docs/
Expand Down
1 change: 1 addition & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
{
"editor.formatOnSave": true,
"editor.codeActionsOnSave": ["source.organizeImports", "source.fixAll"]
}
5 changes: 1 addition & 4 deletions blog/2018-02-06-react-navigation-1.0.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: React Navigation 1.0 (goodbye, beta!)
author: Brent Vatne
author_url: https://twitter.com/notbrent
author_title: Core Team
author_image_url: https://avatars0.githubusercontent.com/u/90494?s=200&v=4
authors: brent
tags: [release, announcement]
---

Expand Down
7 changes: 2 additions & 5 deletions blog/2018-04-06-react-navigation-2.0-rc.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: 2.0 release candidate
author: Brent Vatne
author_url: https://twitter.com/notbrent
author_title: Core Team
author_image_url: https://avatars0.githubusercontent.com/u/90494?s=200&v=4
authors: brent
tags: [release, announcement]
---

Expand Down Expand Up @@ -76,6 +73,6 @@ This change was made to improve the ease of learning and understanding the libra

## New feature highlights

- State persistence - automatically save state and reload it when the app restarts. See [state persistence docs](docs/state-persistence)
- State persistence - automatically save state and reload it when the app restarts. See [state persistence docs](/docs/state-persistence)
- Transitions between screens in stack with headers and without headers now animates as expected on iOS. [#3821](https://github.com/react-navigation/react-navigation/pull/3821). Thanks [skevy](https://github.com/skevy)!
- As mentioned above, `createMaterialBottomNavigator` is a new navigator type that provides the material design bottom tab bar pattern.
5 changes: 1 addition & 4 deletions blog/2018-05-07-react-navigation-2.0.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: React Navigation 2.0
author: Brent Vatne
author_url: https://twitter.com/notbrent
author_title: Core Team
author_image_url: https://avatars0.githubusercontent.com/u/90494?s=200&v=4
authors: brent
tags: [release, announcement]
---

Expand Down
5 changes: 1 addition & 4 deletions blog/2018-11-01-react-navigation-3.0-rc.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: 3.0 release candidate
author: Brent Vatne
author_url: https://twitter.com/notbrent
author_title: Core Team
author_image_url: https://avatars0.githubusercontent.com/u/90494?s=200&v=4
authors: brent
tags: [release, announcement]
---

Expand Down
5 changes: 1 addition & 4 deletions blog/2018-11-17-react-navigation-3.0.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: React Navigation 3.0
author: Brent Vatne
author_url: https://twitter.com/notbrent
author_title: Core Team
author_image_url: https://avatars0.githubusercontent.com/u/90494?s=200&v=4
authors: brent
tags: [release, announcement]
---

Expand Down
5 changes: 1 addition & 4 deletions blog/2019-09-16-react-navigation-4.0.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: React Navigation 4.0
author: Satyajit Sahoo
author_url: https://twitter.com/satya164
author_title: Core Team
author_image_url: https://avatars2.githubusercontent.com/u/1174278?s=200&v=4
authors: satya
tags: [release, announcement]
---

Expand Down
5 changes: 1 addition & 4 deletions blog/2019-10-17-react-navigation-native.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: React Navigation meets native
author: Michał Osadnik
author_url: https://twitter.com/mosdnk
author_title: Core Team
author_image_url: https://avatars3.githubusercontent.com/u/25709300?s=460&v=4
authors: michal
tags: [announcement]
---

Expand Down
5 changes: 1 addition & 4 deletions blog/2019-11-04-using-react-navigation-5-with-ui-kitten.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: Using React Navigation 5 with UI Kitten
author: Artur Yorsh
author_url: https://twitter.com/artyorsh
author_title: UI Kitten Team
author_image_url: https://avatars0.githubusercontent.com/u/10753921?s=200&v=4
authors: artur
tags: [tutorial, ui-kitten]
---

Expand Down
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: React Navigation v5 + React Native Paper = ❤️
author: Dawid Urbaniak
author_url: https://twitter.com/trensik
author_title: Paper Team
author_image_url: https://avatars0.githubusercontent.com/u/18584155?s=200&v=4
authors: dawid
tags: [tutorial, react-native-paper]
---

Expand Down
33 changes: 15 additions & 18 deletions blog/2020-02-06-react-navigation-5.0.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: React Navigation 5.0 - A new way to navigate
author: Satyajit Sahoo, Michał Osadnik
author_url: https://twitter.com/reactnavigation
author_title: Core Team
author_image_url: https://avatars1.githubusercontent.com/u/29647600?s=200&v=4
authors: [satya, michal]
tags: [release, announcement]
---

Expand Down Expand Up @@ -47,16 +44,16 @@ This made it necessary to rewrite the core of the library, which allowed us to m

Hooks are great for stateful logic and code organization. Now we have several hooks for common use cases:

- [`useNavigation`](/docs/use-navigation)
- [`useRoute`](/docs/use-route)
- [`useNavigationState`](/docs/use-navigation-state)
- [`useFocusEffect`](/docs/use-focus-effect)
- [`useIsFocused`](/docs/use-is-focused)
- [`useScrollToTop`](/docs/use-scroll-to-top)
- [`useNavigation`](/docs/5.x/use-navigation)
- [`useRoute`](/docs/5.x/use-route)
- [`useNavigationState`](/docs/5.x/use-navigation-state)
- [`useFocusEffect`](/docs/5.x/use-focus-effect)
- [`useIsFocused`](/docs/5.x/use-is-focused)
- [`useScrollToTop`](/docs/5.x/use-scroll-to-top)

### Update options from component

We’ve added a new [`setOptions`](/docs/navigation-prop#setoptions---update-screen-options-from-the-component) method on the `navigation` prop to make configuring screen navigation options more intuitive than its `static navigationOptions` predecessor. It lets us **easily set screen options based on props, state or context without messing with params**. Instead of using static options, we can call it anytime to configure the screen.
We’ve added a new [`setOptions`](/docs/5.x/navigation-prop#setoptions) method on the `navigation` prop to make configuring screen navigation options more intuitive than its `static navigationOptions` predecessor. It lets us **easily set screen options based on props, state or context without messing with params**. Instead of using static options, we can call it anytime to configure the screen.

```js
navigation.setOptions({
Expand All @@ -77,7 +74,7 @@ It can be used for things like adding a button in the header which needs to inte

In React Navigation, we had basic theming support where you could specify whether to use a light or dark theme. It wasn't easy to customize the colors used by the built-in components such as header, tab bar etc. without extra code or repetition.

Now, we have revamped the [theme system](/docs/themes) for easier customization. It is possible to provide a theme object with your desired colors for background, accent color etc. and it will automatically change the colors of all navigators without any extra code.
Now, we have revamped the [theme system](/docs/5.x/themes) for easier customization. It is possible to provide a theme object with your desired colors for background, accent color etc. and it will automatically change the colors of all navigators without any extra code.

```js
const MyTheme = {
Expand All @@ -98,7 +95,7 @@ The new version has been written from the ground-up with TypeScript. We now get

![TypeScript in action](/assets/blog/announcing-5.0/typescript.gif)

We also have JSDoc for the built-in methods and options, so you get their description directly in your editor. See [our typescript documentation](/docs/typescript) for more details on how to use it.
We also have JSDoc for the built-in methods and options, so you get their description directly in your editor. See [our typescript documentation](/docs/5.x/typescript) for more details on how to use it.

### Redux DevTools integration

Expand All @@ -117,7 +114,7 @@ Traditionally, we have written our navigators in JavaScript for greater customiz

### Native backends for Material top tab navigator

Similar to native stack, we also have [new backends](/docs/material-top-tab-navigator#pager) for Material top tab navigator based on [`react-native-viewpager`](https://github.com/react-native-community/react-native-viewpager) and [`ScrollView`](https://reactnative.dev/docs/scrollview).
Similar to native stack, we also have [new backends](/docs/5.x/material-top-tab-navigator#pager) for Material top tab navigator based on [`react-native-viewpager`](https://github.com/react-native-community/react-native-viewpager) and [`ScrollView`](https://reactnative.dev/docs/5.x/scrollview).

```js
import ViewPagerAdapter from 'react-native-tab-view-viewpager-adapter';
Expand Down Expand Up @@ -146,9 +143,9 @@ import { ScrollPager } from 'react-native-tab-view';
In addition to these larger improvements, there are several smaller improvements to fit more use cases and make it easier to do certain tasks:

- Revamped drawer navigator to make customizing the drawer sidebar content easier and more flexible.
- Simpler API for [`reset` action](/docs/navigation-prop#reset) where you can pass the new state directly instead of a chain of actions.
- More reliable [`focus` and `blur` events](/docs/navigation-lifecycle) to know when a screen's focus state changes.
- Integration with [`InteractionManager`](https://reactnative.dev/docs/interactionmanager) to delay tasks until animation is complete.
- Simpler API for [`reset` action](/docs/5.x/navigation-prop#reset) where you can pass the new state directly instead of a chain of actions.
- More reliable [`focus` and `blur` events](/docs/5.x/navigation-lifecycle) to know when a screen's focus state changes.
- Integration with [`InteractionManager`](https://reactnative.dev/docs/5.x/interactionmanager) to delay tasks until animation is complete.
- Better safe area handling with [`react-native-safe-area-context`](https://github.com/th3rdwave/react-native-safe-area-context).

## Upgrading
Expand All @@ -165,7 +162,7 @@ If you were using React Navigation 5 when it was alpha, you might need to check

- If you have added `@react-navigation/core` to your dependencies, remove it, and replace all imports from `@react-navigation/core` with `@react-navigation/native`
- If you were importing `NavigationNativeContainer`, change it to `NavigationContainer`, if you were using `NavigationContainer`, change it to `BaseNavigationContainer`
- If you had deep linking configured, the config format has changed for nesting. Check the [deep linking docs](/docs/deep-linking) for details.
- If you had deep linking configured, the config format has changed for nesting. Check the [deep linking docs](/docs/5.x/deep-linking) for details.

## Thanks to these wonderful people

Expand Down
7 changes: 2 additions & 5 deletions blog/2020-05-16-web-support.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: React Navigation on the Web
author: Satyajit Sahoo
author_url: https://twitter.com/satya164
author_title: Core Team
author_image_url: https://avatars2.githubusercontent.com/u/1174278?s=200&v=4
authors: satya
tags: [announcement, web]
---

Expand Down Expand Up @@ -37,7 +34,7 @@ Example:

```js
const linking = {
prefixes: ['https://mychat.com', 'mychat://'],
prefixes: ['https://example.com', 'example://'],
config: {
screens: {
Home: '',
Expand Down
6 changes: 1 addition & 5 deletions blog/2020-05-19-joining-github-sponsors.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,7 @@
---
title: React Navigation joins GitHub Sponsors
author: Brent Vatne
author_url: https://twitter.com/notbrent
author_title: Assistant to the Regional Core Team Manager
author_image_url: https://avatars3.githubusercontent.com/u/90494?s=200&v=4
description: We joined GitHub Sponsors - https://github.com/sponsors/react-navigation!

authors: brent
tags: [announcement, web]
---

Expand Down
23 changes: 10 additions & 13 deletions blog/2021-03-12-react-navigation-6.0-next.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
---
title: On the way to React Navigation 6.0
author: Satyajit Sahoo
author_url: https://twitter.com/satya164
author_title: Core Team
author_image_url: https://avatars2.githubusercontent.com/u/1174278?s=200&v=4
authors: satya
tags: [release, announcement]
---

Expand All @@ -13,17 +10,17 @@ We're excited to announce that we finally have a prerelease version of React Nav

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.

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/upgrading-from-5.x).
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).

## Highlights

- Params are now overwritten on navigation instead of merging (with option to merge them)
- Modals in [stack](/docs/stack-navigator) now use the presentation style on iOS by default, and there's a new slide animation for modals on Android
- [Drawer](/docs/drawer-navigator) now uses a slide animation by default on iOS
- Headers are now shown by default in [drawer](/docs/drawer-navigator) and [bottom tab](/docs/bottom-tab-navigator) screens, so you don't need extra stack navigators
- We got rid of `tabBarOptions`, `drawerContentOptions` etc. and moved those to [`options` prop on screen](/docs/screen-options) to make it possible to configure them per screen
- [Material Top Tabs](/docs/material-top-tab-navigator) now use a `ViewPager` based implementation, which means it'll provide a native experience
- We now have a [UI elements library](/docs/elements) which contains various components we use in React Navigation
- 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
- [Drawer](/docs/6.x/drawer-navigator) now uses a slide animation by default on iOS
- 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
- 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
- [Material Top Tabs](/docs/6.x/material-top-tab-navigator) now use a `ViewPager` based implementation, which means it'll provide a native experience
- We now have a [UI elements library](/docs/6.x/elements) which contains various components we use in React Navigation

## Try it out

Expand All @@ -35,11 +32,11 @@ npm install @react-navigation/native@^6.x @react-navigation/stack@^6.x

## What's next?

We're planning to update our documentation to recommend [native-stack](/docs/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.
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.

## Sponsor us

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.
If React Navigation helps you to deliver value to your customers, it'd mean 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.

👉 [Visit our GitHub Sponsors page](https://github.com/sponsors/react-navigation) 👈

Expand Down
Loading