在底部選項卡導航器中卸載非活動屏幕（重置堆棧）

Question

我正在使用 react-navigation v3，是否有一個選項可以讓非活動選項卡屏幕像在 DrawerNavigator 中的 unmountInactiveRoutes: true 一樣被卸載？ 我無法為 BottomTabNavigator 找到類似 unmountInactiveRoutes 的內容。

我在 BottomTabNavigator 中有兩個 stacknavigator，我想自動卸載它們或只是重置它們。

我的導航器：

• 底部標簽導航器
  • 堆棧導航器
  • 堆棧導航器

Answer 1

您可以使用useIsFocused掛鈎來解決您的問題。 因此，當屏幕聚焦時，您將顯示您想要的屏幕，否則只需返回 null。 檢查下面的代碼：

import { useIsFocused } from '@react-navigation/native';

const isFocused = useIsFocused();

if(isFocused) return(/*your screen*/)

else if(!isFocused) return null

如果您想對每個焦點進行一些獲取或更改，只需使用useFocusEffect掛鈎。