導航方案與社群程式庫
本指南中列出的程式庫可能未更新以配合 React Navigation 的最新版本。請參閱程式庫的說明文件,查看它支援哪一個 React Navigation 版本。
建立在 React Navigation 上的方案
Solito
React Navigation 與 Next.js 的小型包裝函式,讓您可以在平台間共用導航程式碼。另外,它提供一組模式和範例,讓您使用 React Native + Next.js 建立跨平台應用程式。
Expo Router
React Native 應用程式的檔案導向導航程式。使用 Expo Router,只需在專案中建立檔案,即可自動產生頁面。
Navio
一個建立於 React 導覽之上,主要目標是透過集中建立 app 版面,並使用 TypeScript 提供路由名稱自動完成建議,來提升 DX 的導覽庫。
github.com/kanzitelli/rn-navio
社群程式庫
react-native-screens
此專案旨在向 React Native 揭露原生的導覽容器組件,而 React Navigation 可自版本 2.14.0 起與其整合。使用 react-native-screens
會帶來許多好處,例如在 iOS 上支援「可達性功能」「可達性功能」,此外,還能針對這兩個平台改善記憶體使用量。
github.com/software-mansion/react-native-screens
react-navigation-header-buttons
協助您在導覽列上呈現按鈕並處理樣式,如此一來,您就無需再這麼做了。此程式庫試圖模擬原生導覽列的按鈕樣式,並試著提供一個簡單的介面讓您進行互動。
github.com/vonovak/react-navigation-header-buttons
react-navigation-props-mapper
提供簡單的 HOC,能將 react-navigation 的 props 直接對應至您的螢幕組件,這表示您將會寫下 const user = this.props.activeUser
,而不是 const user = this.props.route.params.activeUser
。