Méthode d'implémentation du saut par clic du composant ListView dans React-Native

Cet article vous présente principalement les informations pertinentes sur le saut de clic du composant ListView dans React-native. ListView, en tant que composant principal de React Native, est utilisé pour afficher efficacement une liste de données changeantes qui peut défiler verticalement. Les amis dans le besoin peuvent s’y référer, jetons un coup d’œil ci-dessous.

Regardez d'abord l'effet

Utilisation

NewsList.js

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

Instructions

• Utilisez this.props.navigator.push() pour spécifier le composant pour passer à la vue suivante. Si vous souhaitez transmettre une valeur, vous pouvez utiliser l'attribut passProps et. utilisez-le dans la vue suivante. Acceptez simplement this.props.name

• Pour l'invocation de la méthode dans onPress, si la méthode _onPress est appelée avec onPress={this._onPress}, la page ne sautera pas. Cela doit être lié, et la méthode d'écriture est : onPress={this._onPress.bind(this)} Mais il semble que la valeur ne peut pas être transmise, donc pour transmettre la valeur, vous devez écrire. comme ceci : onPress={()=>{this._onPress(rowData )}} , alors il n'y a pas de problème et la page peut être sautée avec succès.

Recommandations associées :

Implémentation JS de div cliquez pour passer à une autre page, exemple de code

WeChat Mini Comment empêcher la limitation des fonctions du programme et les sauts de clic multiples

Un exemple détaillé explique comment implémenter simplement la fonction de courrier électronique de connexion par saut de clic avec JS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!