React Native Navigation 實驗標簽切換 Unmount/WillMount

Question

我們的 React Native 應用程序使用導航實驗 NavigationCardStack。 在切換選項卡（NavigationStateUtils.jumpToIndex）上，我切換的選項卡中的場景，卸載。 當我切換回原始選項卡時，相同的場景再次安裝，導致應用程序運行緩慢。

我們在這里創建了一個示例 GitHub 存儲庫： https : //github.com/zachrnolan/RN-NavigationExperimental-Redux-Example/tree/tabs

這種行為是導航實驗的一部分還是我們導航實現的副作用？

Answer 1

這是因為您沒有切換選項卡，而是替換了導航狀態。 要實際切換選項卡，您應該像這樣將tabs狀態傳遞給NavigationCardStack （示例中的固定代碼）：

<NavigationCardStack
  navigationState={tabs}
  onNavigateBack={backAction}

但是，如果我理解正確並且您想保留頁面導航，請通過將導航模式一分為二並將一個嵌套到另一個來實現。 例如：

• <TabsContainer> - 控制選項卡導航並呈現 Tab1 或 Tab2（它不應該繪制標題！）。 使用 state.tabNavigationState
• <Tab1> - 控制頁面導航，繪制標題並呈現 Page1A 和 Page1B。 使用 state.pageNavigationState
• <Tab2> - 呈現Page2 （例如沒有導航，但它可以包含任何內容）