react native点击事件传递参数

Posted 安卓笔记侠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react native点击事件传递参数相关的知识,希望对你有一定的参考价值。

比如我们定义一个TouchableOpacity点击事件,该方法需要接收一个参数值,如下

_gotoSubClass(sectionID, rowID) {
    console.log("sectionID="+sectionID + "rowID=" + rowID);
}

那么在TouchableOption组件的onPress属性中应该这样写:

 <TouchableOpacity onPress={() => this._gotoSubClass(sectionID, rowID)}>
       <Text>{rowData.title}</Text>
   </TouchableOpacity

或者

<TouchableOpacity onPress={this._gotoSubClass.bind(this,sectionID, rowID)}>
       <Text>{rowData.title}</Text>
   </TouchableOpacity>
   其中bind中的参数1:this代表的是上下文对象,后面跟的参数,对应私有方法中的参数顺序。

  

  

以上是关于react native点击事件传递参数的主要内容,如果未能解决你的问题,请参考以下文章

总结react native 事件机制

React Native TouchableHighlight 忽略第一次点击事件

React-Native - Firebase 云消息传递 - 如果从托盘打开则没有事件

react-native点击事件

关于react native tabbar隐藏

Android:将片段和弹出窗口的点击事件中生成的变量传递给活动的方法