我正在构建我的第一个练习应用程序,并尝试使用 createApp Navigator 组合屏幕之间的导航。
但是,一旦我尝试使用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 />
);
}
}
我真的很困惑我做错了什么。一种想法是,也许反应导航没有正确安装,但超出使用npm install --save react-navigation
,我不知道我还需要做什么。
从以下位置切换时也可能会发生这种情况@react-navigation/stack
to @react-navigation/native-stack
,导入的函数名称不同:
With /stack
:
import { createStackNavigator } from '@react-navigation/stack';
With /native-stack
import { createNativeStackNavigator } from '@react-navigation/native-stack';
如果您忘记修改导入的函数,您将收到相同的错误消息。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)