React native React本机导航-钩子调用无效

App.js：

import React，{useState}来自“React”；
从“react native”导入{Text}；
从“@react-navigation/native”导入{NavigationContainer}”；
从“/navigation/Stack”导入堆栈；
导出默认函数App（）{
const[isReady，setIsReady]=useState（true）；
const onfish=（）=>setIsReady（true）；
回来了吗(
) : (
加载。。。
);
}

尝试通过自定义组件导航到屏幕：

import React, { useState } from "react";
import { Text } from "react-native";
import { NavigationContainer } from "@react-navigation/native";
import Stack from "./navigation/Stack";

export default function App() {
  const [isReady, setIsReady] = useState(true);
  const onFinish = () => setIsReady(true);
  return isReady ? (
    <NavigationContainer>
      <Stack />
    </NavigationContainer>
  ) : (
      <Text>Loading...</Text>
    );
}

从“React”导入React；
从“@react navigation/stack”导入{createStackNavigator}；
从“./屏幕/主页”导入主页；
从“./screens/Detail”导入详细信息；
const Stack=createStackNavigator（）；
导出默认值（）=>(
);

我收到一个错误：

不变冲突：无效的挂钩调用。只能调用钩子 功能组件主体的内部

---

有人能看一下吗？

你能给我们看一下自定义组件的代码吗？第二个代码是自定义组件此代码中没有错误，你可能在其他地方使用了一个钩子，可能在主页或详细信息页此代码有效，你应该把更多的代码放在触发的地方你能给我们看一下自定义组件的代码吗？第二个代码是自定义组件这段代码中没有错误，你可能在其他地方使用了一个钩子可能在主页或详细信息页这段代码是有效的，你应该把更多的代码放在触发它的地方

import React from "react";
import { createStackNavigator } from "@react-navigation/stack";
import Home from "../screens/Home";
import Detail from "../screens/Detail";

const Stack = createStackNavigator();

export default () => (
    <Stack.Navigator>
        <Stack.Screen name="Home" component={Home} />
        <Stack.Screen name="Detail" component={Detail} />
    </Stack.Navigator>
);