无法将未定义的值转换为对象 - React Native with expo

Question

我想在我的应用程序中使用导航器，并且我使用 expo 来处理我的项目：这是我的 App.js：

import { View } from "react-native";
import LoginPage from "./components/LoginPage";
import MainComponent from "./components/MainComponent";
import { NavigationContainer } from "@react-navigation/native";
import { createStackNavigator } from "react-navigation-stack";

const App = () => {
  const Stack = createStackNavigator();

  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Login" component={LoginPage} />
      </Stack.Navigator>
    </NavigationContainer>

    // <LoginPage></LoginPage>
  );
};

export default App; 

错误来自 -> const Stack = createStackNavigator();它说无法将未定义的值转换为对象，我尝试跟进文档但没有去任何地方。任何小提示都会有帮助，提前致谢！

Answer 1

1. 您导入createNativeStackNavigator的方式是错误的。
2. 您需要在您的外部调用createNativeStackNavigator 组件树。

尝试下面的代码：

import { View } from "react-native";
import LoginPage from "./components/LoginPage";
import MainComponent from "./components/MainComponent";
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

const App = () => {

  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Login" component={LoginPage} />
      </Stack.Navigator>
    </NavigationContainer>

    // <LoginPage></LoginPage>
  );
};

export default App; 

Answer 2

对于此导入： import { createNativeStackNavigator } from '@react-navigation/native-stack';应该将哪个依赖项添加到 package.json 才能使其正常工作？请问有人可以帮忙吗？