Wie kann ich Navigator in der neuesten Version von React Native verwenden? - Javascript, reaktionsnah, URL-Routing

Hier ist mein Code:

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);

Wenn ich es starte, wird der folgende Fehler ausgegeben:

Zuallererst, warum Navigator ist in der neuesten Version veraltet? Und was soll ich jetzt machen? Ich halte es kaum für eine gute Idee, ein veraltetes Ding zu installieren.

Antworten:

Vergessen Sie den Navigator, verwenden Sie die React-Navigation.

Verknüpfung: https://reactnavigation.org