小编nig*_*mbo的帖子

我在当前正在开发的 React-Native 应用程序的标题中收到错误。

我已经进行了数小时的故障排除，但网上似乎没有解决方案。

根据我收集的信息，以下钩子const [isOpen, setIsOpen] = useState(false);导致了这里的问题，可能是由于钩子的顺序所致。该挂钩用于切换我自定义构建的菜单。但是，当我尝试导航到另一个屏幕<TouchableOpacity onPress={() => navigation.navigate('Job')}>（从屏幕堆栈，而不是从模式或卡片）时，应用程序崩溃并收到错误。如果我注释掉 hook 的一行钩子const [isOpen, setIsOpen] = useState(false);，导航就会完美地工作。

如果有解决方案，我们将不胜感激。

配置文件

export const sharedScreenOptions = (props) => {
  const [isOpen, setIsOpen] = useState(false);

  const toggleMenu = () => {
    setIsOpen(!isOpen);
    LayoutAnimation.easeInEaseOut();
  };
  return {
    headerBackTitleVisible: false,

    header: (props) => {
      return (
        <>
          <GradientHeader isOpen={isOpen} {...props} />
          {isOpen ? (
            <TouchableOpacity
              style={{
                height: Dimensions.get('window').height,
                width: Dimensions.get('window').width,
                backgroundColor: 'rgba(42, 44, 65, 0.5)',
                position: 'absolute',
                zIndex: -999, …