網頁上的 React Navigation

警告

網頁支援是實驗功能，目前仍在開發中。其中有 bug，缺少許多功能，而且網頁整合的 API 也有可能在小版本中變更。請協助我們測試並在發現 bug 時開啟 bug 報告。

React Navigation 的網頁支援目前需要使用React Native for Web。這種做法讓我們可以在 React Native 和網頁上重複使用相同的程式碼。

目前，有以下功能可用

• 瀏覽器的 URL 整合
• 無障礙連結
• 伺服器渲染

使用連結做為主要導覽方式，取代如 navigation.navigate 的導覽動作，非常重要。這有助於確保您的連結在網頁上的正常使用性。

部分導覽器也在網頁上採用不同的設定方式，或提供額外的網頁特定功能

1. 抽屜 和 底部分頁 導覽器會在抽屜側邊欄和分頁列中顯示超連結。
2. 在網頁上使用時，抽屜 和 堆疊 導覽器不提供滑動手勢。
3. 預設情況下，堆疊 導覽器會停用頁面轉場動畫，但您可以指定 animationEnabled: true 來重新啟用。

備註

與 React Navigation 4 不同，使用 React Native for Web 時，您不需要額外安裝套件來使用網頁整合。如果您已安裝了 @react-navigation/web 套件，請移開它，因為此套件無法與 React Navigation 6 搭配使用。