自上次更新以来,我的世博会项目总是生成错误:导航器已弃用,已从此包中删除。现在可以从"react-native-deprecated-custom-components"而不是"react-native"安装和导入它。有关替代导航解决方案的信息,请访问 [...]。在此处输入图像描述但是当我尝试从新包导入它时,我收到错误:开发服务器返回响应错误代码:500 [...]。在此处输入图像描述
我使用 expo 和以下代码。但是,该错误会在我想使用 expo 创建的每个新项目中出现。旧项目仍然有效。当我在新项目中复制旧代码时,我遇到了与相同的错误。我认为代码是有效的,例如问题出在包管理器中。
import Expo from 'expo';
import React from 'react';
import {Navigator} from 'react-native-deprecated-custom-components';
import {Text, View, /*Navigator*/} from 'react-native';
class App extends React.Component {
constructor(){
super()
// this.renderScene = this.renderScene.bind(this) /* bindet die funktion renderScene an das aktuelle this objekt*/
}
renderScene(route, navigator){
if(route.name === 'WelcomePage'){
return <WelcomePage navigator={navigator}/>
}
else if(route.name === 'PlayerSelect'){
return <PlayerSelect navigator={navigator}/>
}
}
render() {
return (
<View>
<Navigator
initialRoute={{name: 'WelcomePage'}}
renderScene={this.renderScene}
/>
<Text> Hallo</Text>
</View>
);
}
}
Expo.registerRootComponent(App);
我必须做什么才能让我的代码再次工作?提前感谢,
马菲尼乌斯
你应该像下面这样导入和使用它:
import CustomComponents from 'react-native-deprecated-custom-components';
<CustomComponents.Navigator
initialRoute={{name: 'WelcomePage'}}
renderScene={this.renderScene}
/>
我得到了一个链接,可以解决我的相同错误,所以我想这里也可以。http://www.hongming.me/?p=670