本文主要给大家介绍了关于react-native中listview组件点击跳转的相关资料，listview作为react native的核心组件,用于高效地显示一个可以垂直滚动的变化的数据列表。需要的朋友可以参考借鉴，下面来一起看看吧。
先看效果
用法
NewsList.js
_onPress(rowData) { this.props.navigator.push({ title: rowData, component: CNodeJSList, passProps: { name: rowData, } })}
登录后复制
说明
使用 this.props.navigator.push() 指定component 就可以跳转到下一个视图里了，如果想传值，可以用 passProps 属性，在下一个视图里使用 this.props.name 接收就可以了
对于onPress里方法的调用，如果是以onPress={this._onPress}调用 _onPress方法，页面是不跳转的，需要绑定this，写法是：onPress={this._onPress.bind(this)} 但这样好像没法传值，所以要传值需要这样写：onPress={()=>{this._onPress(rowData)}} ，这样就没问题了，页面也可以跳转成功了。
相关推荐：
JS实现div点击跳转到另一页面实例代码
微信小程序函数节流多次点击跳转如何防止
实例详解JS简单实现点击跳转登陆邮箱功能的方法
以上就是react-native中ListView组件点击跳转实现方法的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2788193.html
