Implementierungsmethode des Klicksprungs der ListView-Komponente in React-Native

Dieser Artikel führt Sie hauptsächlich in die relevanten Informationen zum Klicksprung der ListView-Komponente in React-Native ein. ListView wird als Kernkomponente von React Native verwendet, um eine sich ändernde Datenliste effizient anzuzeigen, die vertikal gescrollt werden kann. Freunde in Not können sich darauf beziehen, schauen wir uns unten um.

Schauen Sie sich zuerst die Wirkung an

Verwendung

NewsList.js

_onPress(rowData) {
 this.props.navigator.push({
 title: rowData,
 component: CNodeJSList,
 passProps: {
 name: rowData,
 }
 })
}

Anweisungen

• Verwenden Sie this.props.navigator.push(), um die Komponente anzugeben, die zur nächsten Ansicht springen soll. Wenn Sie einen Wert übergeben möchten, können Sie das Attribut passProps verwenden Verwenden Sie es einfach in der nächsten Ansicht.

• Für den Aufruf der Methode in onPress, wenn die _onPress-Methode mit onPress={this._onPress} aufgerufen wird, Die Seite springt nicht. Die Schreibmethode lautet: onPress={this._onPress.bind(this)} Aber es scheint, dass der Wert nicht übergeben werden kann. Um den Wert zu übergeben, müssen Sie also schreiben this: onPress={()=>{this._onPress(rowData )}} , dann gibt es kein Problem und die Seite kann erfolgreich gesprungen werden.

Verwandte Empfehlungen:

JS-Implementierung von div Klicken Sie, um zu einer anderen Seite zu springen, Beispielcode

WeChat Mini So verhindern Sie die Drosselung der Programmfunktion und Mehrfachklick-Sprünge

Ein detailliertes Beispiel erklärt, wie Sie die Click-Jump-Login-E-Mail-Funktion einfach mit JS implementieren

Das obige ist der detaillierte Inhalt vonImplementierungsmethode des Klicksprungs der ListView-Komponente in React-Native. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!