javascript - 在底部选项卡导航器中卸载非事件屏幕(重置堆栈)

Question

我正在使用react-navigation v3，是否有一个选项可以使非事件选项卡屏幕像DrawerNavigator中的unmountInactiveRoutes: true一样卸载？我找不到像 BottomTabNavigator 的 unmountInactiveRoutes 这样的东西。

我在 BottomTabNavigator 中有两个 stacknavigator，我想自动卸载它们或只是重置它们。

我的导航器:

• BottomTabNavigator
  • 堆栈导航器
  • 堆栈导航器

Answer 1

您可以使用 useIsFocused Hook 来解决您的问题。因此，当屏幕聚焦时，您将显示所需的屏幕，否则仅返回 null。检查下面的代码:

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

const isFocused = useIsFocused();

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

else if(!isFocused) return null

如果您想对每个焦点进行一些抓取或更改，只需使用 useFocusEffect Hook 即可。