我正在开发一个react原生应用程序，我想只在某些屏幕上显示页眉和页脚，而在其余的屏幕上，我想隐藏它们。我们如何才能实现这一目标？

export default function Router() {
  const {isLoggedIn, isLogoutPressed} = useContext(AppContext);

  return (
    <NavigationContainer>
      {isLoggedIn ? (
        <>
          <Header />
          <AppStack />
          <FooterNavBar />
          {isLogoutPressed && <LogoutModal />}
        </>
      ) : (
        <AuthStack />
      )}
    </NavigationContainer>
  );
}

我已经尝试这样做，但我得到的错误

export default function Router() {
  const {isLoggedIn, isLogoutPressed} = useContext(AppContext);
  const route = useRoute();

  const shouldRenderHeader = () => {
    // Check if the current route name is one of the screens where you want to show the header
    const allowedScreens = ['HomeScreen', 'ProfileScreen', 'Profile'];
    return allowedScreens.includes(route.name);
  };

  return (
    <NavigationContainer>
      {isLoggedIn ? (
        <>
          <Header />
          {shouldRenderHeader(route) && <Header />}
          <AppStack />
          <FooterNavBar />
          {isLogoutPressed && <LogoutModal />}
        </>
      ) : (
        <AuthStack />
      )}
    </NavigationContainer>
  );
}

错误：

错误：找不到路由对象。你的组件在导航器的屏幕里吗？
此错误位于：在Router（由App创建）中在AppProvider（由App创建）中在App中在RCTView（由View创建）中在View（由AppContainer创建）中在RCTView（由View创建）中在View（由AppContainer创建）中在AppContainer中