TypeError : Object (...) is not a function react native stack navigation

Question

我用本机反应制作了一个应用程序。我安装了使用堆栈导航所需的所有包。但是当我在网络上打开我的项目时。我收到了这个错误，你在图片中看到了这个。

// In App.js in a new project

import * as React from 'react';
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

function HomeScreen() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Home Screen</Text>
    </View>
  );
}

const Stack = createNativeStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;

请帮助我试图解决这个问题两天请帮助我我每次都遇到这个错误。错误截图1

Answer 1

使用import {createStackNavigator} from '@react-navigation/stack'; 代替import { createNativeStackNavigator } from '@react-navigation/native-stack';

试试这个代码：

import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';

function HomeScreen() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Home Screen</Text>
    </View>
  );
}

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;

Answer 2

使用这个，它对我有用：

import { createStackNavigator } from "react-navigation-stack"

TypeError : Object (...) is not a function react native stack navigation

TypeError : Object (...) is not a function react native stack navigation

javascript

reactjs

react-native

react-navigation