Skip to content

Commit d80708a

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

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

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

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,13 @@ While Web support works out of the box, there are some things to configure to en
2525

2626
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.
2727

28+
4. **Adapt to web-specific behavior**
29+
30+
Depending on your app's requirements and design, you may also want to tweak some of the navigators' behavior on the web. For example:
31+
32+
- 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.
33+
- 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.
34+
2835
:::note
2936

3037
In React Navigation 4, it was necessary to install a separate package called `@react-navigation/web` to use web integration. This package is no longer needed in recent versions of React Navigation. If you have it installed, make sure to uninstall it to avoid conflicts.

0 commit comments

Comments
 (0)