美文网首页
解决react-native-scrollable-tab-vi

解决react-native-scrollable-tab-vi

作者: 一方天地sq | 来源:发表于2016-12-28 18:26 被阅读0次

因为项目需求需要使用react-native-scrollable-tab-view进行左右滑动,结果在android下面测试发现和下拉刷新各种冲突,只好想办法修改部分代码,写篇文章记录一下。看看能不能帮到需要的同学😆。

首先我们要先知道冲突的原因,当下拉刷新的时候有一点左右滑动他就会终止下拉滑动的事件。解决办法就是在android上面禁用子组件的下拉刷新在插件里面添加下拉刷新功能

子组件 的listview的滚动事件

其中this.refs._listView.scrollProperties.offset<8当距离顶部8px的时候发送一个广播让插件下拉事件生效,超过8px的时候不让下拉刷新生效。

插件监听事件 对插件添加刷新事件进行控制

我又从新给插件定义了一个方法接受外层传进来的刷新方法,来刷新数据。

插件对外方法

临时解决方案降级为“react-native-scrollable-tab-view”:“^ 0.6.x”

相关文章

  • 解决react-native-scrollable-tab-vi

    因为项目需求需要使用react-native-scrollable-tab-view进行左右滑动,结果在andro...

  • 解决react-native-scrollable-tab-vi

    解决react-native-scrollable-tab-view库在android 端执行两次onChange...

  • 4、react-native-scrollable-tab-vi

    这个也是我个人的问题哈,之前爬贴看见一个人的解决方案是这样的 1. 修改\react-native-scrolla...

  • 使用react-native-scrollable-tab-vi

    0.6.7版本有该问题 解决方法:修改插件源文件ScrollableTabBar.js把里面的this.props...

  • 【解决】

    解决理想 解决生活 解决让我平凡的错 解决孤单 解决折磨 解决一开始就着了的魔 解决饥饿 解决战火 解决核时代被抽...

  • 报错集锦

    问题一: 解决: 问题二: 解决: 问题三: 解决: 问题四: 解决: 问题五: 解决:

  • 解决 问题 解决

    你解决一个问题,就像当于解决无数个问题。听到这句话的时候我已经毕业了。回想之前的学习经历,一张试卷,碰到难题就放那...

  • some

    枪解决了, 炮解决了, 人解决了, 衣服解决了, 时间解决了, 地方解决了, 就看着车马飞驰, 结局降临, 吾事已毕。

  • 我还是在这里

    生活不能解决的事情,日记可以解决;日记不能解决的事情,思想可以解决;思想不能解决的事情,放空可以解决;放...

  • 页面布局(三栏布局)

    浮动解决方案 绝对定位解决方案 flexbox解决方案 表格布局解决方案 网格布局解决方案

网友评论

      本文标题:解决react-native-scrollable-tab-vi

      本文链接:https://www.haomeiwen.com/subject/kobpsttx.html