wie verschachteltes Routing mit reaktiv-nativem verwendet wird

8

Ich verwende react-native-router-flux für die Hauptnavigation meiner Apps. Ich muss einen verschachtelten Router einrichten. Ich habe eine Kartenkomponente mit einer Seitenleiste mit einer Liste von Gebieten. Wenn ich auf eine Zeile klicke, muss ich zu einer Ansicht wechseln, die die Liste der Unterteilungen enthält, die zu diesem Gebiet gehören. Ich schaute auf einige Beispiele und versuchte es herauszufinden. Momentan gibt es keine Fehler in der Konsole, aber nichts taucht in der Seitenleiste auf. Wenn es einen besseren Weg gibt, lass es mich wissen. Danke!

Maprouter

%Vor%

Territorien

%Vor%

Unterteilungen

%Vor%     
texas697 22.03.2016, 14:17
quelle

1 Antwort

5

Richtig.

Der beste Weg, dies zu tun, besteht darin, den Navigator über die Komponenten der Komponente zu verwenden. Wenn Sie in diesem Fall eine ListView-Komponente haben, die Sie in eine Detailansicht-Komponente verschieben möchten, rufen Sie einfach navigator.push ( welches durch Props an ListView übergeben werden soll.

Mit anderen Worten, Sie haben Navigator, der an ListView übergeben wird, verfügbar auf this.props.navigator. Rufen Sie dann (innerhalb einer onPress) einfach einen push auf dem Navigator an und geben Sie die nächste Komponente ein, die Sie rendern möchten (zusammen mit anderen Requisiten, die Sie ebenfalls haben möchten).

In diesem Fall würde ich erwarten, dass Ihr Code ungefähr so ​​aussieht:

%Vor%

Hoffe, das hilft!

    
S. McGraw 22.03.2016 19:43
quelle