Ich erhalte diese Nachricht, als ich versucht habe, meine native App zu starten. Normalerweise funktioniert diese Art von Format bei anderen Mehrbildnavigationen, in diesem Fall jedoch nicht.
Hier ist der Fehler:
Invariant Violation: The navigation prop is missing for this navigator. In
react-navigation 3 you must set up your app container directly. More info:
https://reactnavigation.org/docs/en/app-containers.html
Hier ist mein App-Format:
import React, {Component} from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { createStackNavigator } from 'react-navigation';
import Login from './view/login.js'
import SignUp from './view/signup.js'
const RootStack = createStackNavigator(
{
Home: {
screen: Login
},
Signup: {
screen: SignUp
}
},
{
initialRouteName: 'Home'
}
);
export default class App extends React.Component {
render() {
return <RootStack />;
}
}
reactjs
react-native
Glenn Parale
quelle
quelle
Antworten:
React Navigation 3.0 enthält eine Reihe von wichtigen Änderungen, darunter einen expliziten App-Container, der für den Root-Navigator erforderlich ist.
Beachten Sie außerdem, dass Navigatoren, wenn Sie jetzt Version 4 verwenden, in ein separates Repo verschoben wurden. Sie müssen jetzt installieren und importieren von
'react-navigation-stack'
. Zum Beispielimport { createStackNavigator } from 'react-navigation-stack'
Die folgende Lösung ist für v3.Ein umfassenderes Codebeispiel:
quelle
createStackNavigator()
wurde verschobenreact-navigation-stack
. Weitere Informationen finden Sie unter reactnavigation.org/docs/4.x/stack-navigator.html ." Kannst du mir bitte helfen?@ Tom Dickson so etwas:
Dann referenziere es mit
quelle
Erstellen Sie eine neue Datei ScreenContainer.js (Sie können den Namen auswählen). Fügen Sie dann in der ScreenContainer-Datei Folgendes hinzu:
Dann in Ihrer App.js-Datei:
quelle
Hier ist ein anderer Weg
quelle
Einfach habe ich getan
Anstatt
quelle
Verweisen Sie in Ihrer App.js-Datei darauf
</container>
quelle
Ich hatte den Code unten
Ich habe es einfach durch ersetzt und es hat wie ein Zauber funktioniert. Auf jeden Fall, weil Updates in der React-Navigation-Bibliothek:
Außerdem habe ich die createAppContainer- Bibliothek oben in die Reaktionsnavigation aufgenommen.
quelle
Dieser dient zum Erstellen eines unteren Navigators mit zwei Registerkarten:
quelle
Ich habe meine 2,5 Stunden verschwendet, um diese Lösung nach vielen Google-Suchen zu erhalten ... Ich hoffe, das wird funktionieren.
Importieren Sie einfach diese beiden:
und nehmen Sie eine kleine Änderung an Ihrem Code wie folgt vor:
Erstelle const über der Klasse
und nenne schließlich diese Konstante in der Klasse anstelle von
<RootStack/>
Danke!
quelle
Ich hatte in den letzten Tagen Probleme. Vielleicht haben auch Sie Probleme, diese zu lösen, wenn Sie die React-Navigation aus package.json gelöscht und mit npm installiert haben. Überprüfen Sie Ihr Backup-Projekt, sehen Sie sich die Navigationsversion an und versuchen Sie, die hinzuzufügen Gleiche und entfernen Sie Node-Module und installieren Sie npm. Hoffe seine Werke.
Viel Glück beim Brechen des Kopfes mit React-Native :-)
quelle