如何在最新版本的React Native中使用Navigator？

Question

這是我的代碼：

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Navigator
} from 'react-native';

import Component5 from './app/components/component5/component5.js';
import Component6 from './app/components/component6/component6.js';

export default class myproject extends Component {
  renderScene(route, navigator){
    switch(route.id){
      case 'component5':
        return(<Component5 navigator={navigator} title="component5" />)
      case 'component6':
        return(<Component6 navigator={navigator} title="component6" />) 
    }
  }

  render() {
    return (
      <Navigator
        initialRoute={{id:'component5'}}
        renderScene={this.renderScene}
        configureScreen={(route, routeStack) => Navigtator.SceneConfigs.FloatFromBottom}
      />
    );
  }
}


AppRegistry.registerComponent('myproject', () => myproject);

當我運行它時，它將引發以下錯誤：

首先，為什么不建議使用最新版本的Navigator ？ 我現在該怎么辦？ 我幾乎認為安裝不贊成使用的東西不是一個好主意。

Answer 1

忘記導航器，使用react-navigation。

鏈接： https ： //reactnavigation.org