这是我的App.js
import React from 'react';
import { View, Text } from 'react-native';
import Home from './components/Home';
import Details from './components/Details';
import Liked from './components/Liked';
import Profile from './components/Profile';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from 'react-navigation-stack';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
const Stack = createStackNavigator();
const Tab = createBottomTabNavigator();
const TabNavigator = () => {
return (
<Tab.Navigator>
<Tab.Screen name="Home" component={Home} />
<Tab.Screen name='Liked' component={Liked} />
<Tab.Screen name='Profile' component={Profile} />
</Tab.Navigator>
)
}
const App = () => {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name='TabNavigator' component={TabNavigator} />
</Stack.Navigator>
</NavigationContainer>
);
};
export default App;
我重新下载了node模块,没有任何变化。
const Stack = createStackNavigator();const Tab = createBottomTabNavigator();
当我试图注释上面的行时,错误消失了。我能做什么?
您导入的createStackNavigator是错误的,它应该是@react-navigation/stack
而不是react-navigation/stack