React Navigation V5 在 Stack Navigator 中隱藏底部標簽欄

Question

我找到了許多不同的解決方案，但不幸的是它們都不起作用。 我有一個 Stack Navigator 和一個 Tabbar Navigator。 我有一個個人資料頁面。 現在我希望當您按下另一個屏幕打開的按鈕時 - 我做到了。 但不幸的是，我在這個屏幕上也有煩人的標簽欄。 我該如何擺脫它？ 我認為這應該可行，但 React Navigation 不推薦它：

if (route.state && route.state.index > 0) {
  navigation.setOptions({tabBarVisible: false})
} else {
  navigation.setOptions({tabBarVisible: true})
}

Answer 1

您需要創建一個主堆棧導航器，它將處理主路由。 然后，您需要創建另一個選項卡導航器，然后將其傳遞到您想要選項卡導航器的堆棧屏幕。 您可以嘗試類似於此https://reactnavigation.org/docs/nesting-navigators/