找不到导航对象。您的组件是否在导航器的屏幕内？抽屉导航器

Question

当我使用{ useIsFocused } "; 时出现此错误Couldn't find a navigation object. Is your component inside a screen in a navigator。我真的很努力，但没有找到任何合适的解决方案，谁能帮我解决这个问题。

谢谢

import React, { useEffect } from "react";
import { createDrawerNavigator } from "@react-navigation/drawer";
import { useIsFocused } from "@react-navigation/native";

import TabMenu from "../navigations/TabNavigation";
import SideBarMenu from "../components/SideBarMenu/SideBarMenu";

const Drawer = createDrawerNavigator();

const DrawerNavigator = ({ navigation }) => {
  const isFocused = useIsFocused();
  console.log("@@ props", navigation);
  useEffect(() => {
    console.log(" I am workign");
  }, [isFocused]);
  return (
    <Drawer.Navigator drawerContent={(props) => <SideBarMenu {...props} />}>
      <Drawer.Screen name="Home" component={TabMenu} />
    </Drawer.Navigator>
  );
};

export default DrawerNavigator;

Answer 1

您正在尝试在导航器中使用它。您可以在导航器内呈现为屏幕的组件中使用useIsFocused。例如，您可以在 TabMenu 组件中使用它