React-Native Navigator已弃用且已从此软件包中删除

Question

我收到以下错误消息。

导航器已弃用且已从此软件包中删除。现在可以从安装并导入反应本机不推荐使用的自定义组件而不是反应本机。了解替代导航解决方案在http://facebook.github.io/react-native/docs/navigation.html

然后我会更新反应母语弃用的定制组件包，但发行不解决

的package.json

"dependencies": { 
    "react": "16.0.0-alpha.6", 
    "react-native": "0.44.2", 
    "react-native-deprecated-custom-components": "^0.1.0", 
    "sendbird": "^3.0.30" 
}, 

main.js

var React = require('react-native') 
var { 
    Navigator, 
    StyleSheet 
} = React; 

var Login = require('./components/login'); 

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

var ROUTES = { 
    login: Login 
}; 

module.exports = React.createClass({ 
    renderScene: function(route, navigator) { 
    var Component = ROUTES[route.name]; 
    return <Component route={route} navigator={navigator} />; 
    }, 
    render: function() { 
    return (

     <NavigationExperimental.Navigator 
     style={ styles.container } 
     initialRoute={ {name: 'login'} } 
     renderScene={this.renderScene} 
     configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; } } 
     /> 
    ); 
    } 
}); 

var styles = StyleSheet.create({ 
    container: { 
    flex: 1 
    } 
}); 

任何一个让我知道解决这个问题

Answer 1

伊夫使用下面的代码来解决我的问题

main.js

var React = require('react-native') 
var { 
    Navigator, 
    StyleSheet 
} = React; 

var Login = require('./components/login'); 

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

var ROUTES = { 
    login: Login 
}; 

module.exports = React.createClass({ 
    renderScene: function(route, navigator) { 
    var Component = ROUTES[route.name]; 
    return <Component route={route} navigator={navigator} />; 
    }, 
    render: function() { 
    return (

     <NavigationExperimental.Navigator 
     style={ styles.container } 
     initialRoute={ {name: 'login'} } 
     renderScene={this.renderScene} 
     configureScene={() => { return NavigationExperimental.Navigator.SceneConfigs.FloatFromRight; } } 
     /> 
    ); 
    } 
}); 

var styles = StyleSheet.create({ 
    container: { 
    flex: 1 
    } 
}); 

任何一个让我知道解决此问题

我已更改行

configureScene={() => { return NavigationExperimental.Navigator.SceneConfigs.FloatFromRight; } } 

要

configureScene={() => { return NavigationExperimental.Navigator.SceneConfigs.FloatFromRight; } } 

解决我的问题

Answer 2

您应该使用堆栈导航现在

import { StackNavigator } from 'react-navigation'; 

const SimpleApp = StackNavigator({ 
    Home: { screen: HomeScreen }, 
    Chat: { screen: ChatScreen }, 
}); 

<Button 
      onPress={() => navigate('Chat')} 
      title="Chat with Lucy" 
     /> 

参考：https://reactnavigation.org/docs/intro/