我正在构建我的第一个练习应用程序,并尝试使用 createAppNavigator 在屏幕之间组合导航。
但是,一旦我尝试使用 createAppNavigator
我收到以下错误。
.
相关代码:
App.js
import React from 'react';
import { Home } from './app/views/Home.js';
import { Contact } from './app/views/Contact.js';
import { createStackNavigator } from 'react-navigation';
const MyRoutes = createStackNavigator({
HomeRT: { screen: Home },
ContactRT: { screen: Contact },
},
{
initialRouteName: 'HomeRT'
}
);
export default class App extends React.Component {
render() {
return (
<MyRoutes />
);
}
}
我真的很困惑我做错了什么。一种想法是,也许 react 导航没有正确安装,但超出使用 npm install --save react-navigation
,我不知道我还需要做什么。
最佳答案
从@react-navigation/stack
切换到@react-navigation/native-stack
时也会发生这种情况,导入的函数名称不同:
使用/stack
:
import { createStackNavigator } from '@react-navigation/stack';
使用/native-stack
import { createNativeStackNavigator } from '@react-navigation/native-stack';
如果您忘记修改导入的函数,您将收到相同的错误消息。
关于javascript - createStackNavigator 不是一个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54428044/