2017-05-25 58 views
0

自上次更新以来,我的EXPO项目始终生成以下错误:navigator已弃用且已从此软件包中删除。它现在可以从'react-native-deprecated-custom-components'而不是'react-native'安装和导入。在[...]了解替代导航解决方案。 enter image description here 但是,当我尝试从新包中导入它时,我得到错误:开发服务器返回响应错误代码:500 [...]。 enter image description here导航器已弃用且已从此软件包中删除(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 { 
 

 
    \t constructor(){ 
 
    \t \t super() 
 

 
    \t // \t this.renderScene = this.renderScene.bind(this) /* bindet die funktion renderScene an das aktuelle this objekt*/ 
 
    \t } 
 

 
    \t renderScene(route, navigator){ 
 
    \t \t if(route.name === 'WelcomePage'){ 
 
    \t \t \t return <WelcomePage navigator={navigator}/> 
 
    \t \t } 
 
    \t \t else if(route.name === 'PlayerSelect'){ 
 
    \t \t  return <PlayerSelect navigator={navigator}/> 
 
    \t } 
 
    \t } 
 

 

 

 

 

 

 

 

 
    render() { 
 
     return (
 
     <View> 
 
     <Navigator 
 
      initialRoute={{name: 'WelcomePage'}} 
 
      renderScene={this.renderScene} 
 
      /> 
 

 
      <Text> Hallo</Text> 
 
     </View> 
 
    ); 
 
    } 
 
    } 
 

 
Expo.registerRootComponent(App);

我有什么做的,再做我的代码工作? 由于提前,

Maffinius

+1

为新项目,我会用反应导航:https://reactnavigation.org – Cruiser

+0

编辑:世博接口输出该错误: 语法错误:在分析() 在过程JSON输入 意外结束。 _tickCallback(internal/process/next_tick.js:103:7) 15:07:09 – Maffinius

回答

2

我相信你应该导入和使用它像以下:

import CustomComponents from 'react-native-deprecated-custom-components'; 

<CustomComponents.Navigator 
    initialRoute={{name: 'WelcomePage'}} 
    renderScene={this.renderScene} 
/> 
+0

考虑你可能需要安装软件包:npm我反应了本机弃用的自定义组件 –