Skip to content

Commit 1ff358f

Browse files
committed
Mention backBehavior: fullHistory on web docs
1 parent 1ab0349 commit 1ff358f

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

versioned_docs/version-7.x/web-support.md

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,14 @@ While Web support works out of the box, there are some things to configure to en
2121

2222
You may be familiar with using `navigation.navigate` to navigate between screens. But it's important to avoid using it when supporting the web. Instead, use the `Link` or [`Button`](elements.md#button) components to navigate between screens. This ensures that an anchor tag is rendered which provides the expected behavior on the web.
2323

24-
3. [**Server rendering**](server-rendering.md)
24+
3. [**Adapt to web-specific behavior**](web-specific-behavior.md)
25+
26+
Depending on your app's requirements and design, you may also want to tweak some of the navigators' behavior on the web. For example:
27+
28+
- Change `backBehavior` to `fullHistory` for [tabs](bottom-tab-navigator.md#backbehavior) and [drawer](drawer-navigator.md#backbehavior) on the web to always push a new entry to the browser history.
29+
- Use sidebars on larger screens instead of [bottom tabs](bottom-tab-navigator.md#tabbarposition) - while not specific to web, responsive design much more important on the web.
30+
31+
4. [**Server rendering**](server-rendering.md)
2532

2633
Currently, React Navigation works best with fully client-side rendered apps. However, minimal server-side rendering support is available. So you can optionally choose to server render your app.
2734

0 commit comments

Comments
 (0)