美文网首页
微信小程序开启下拉刷新真机无效问题

微信小程序开启下拉刷新真机无效问题

作者: Juice_gg | 来源:发表于2017-05-25 11:38 被阅读1959次
官方介绍
  1. 在小程序里开启下拉刷新,在小程序的API文档中是这么介绍的,也就是在需要开启下拉刷新的界面的.json里首先要把下拉刷新打开
打开下拉刷新

2、 然后在Page中定义 onPullDownRefresh 函数,把你想要触发的函数写到此函数里面,就实现下拉刷新了

下拉刷新触发函数

这样设置之后,在开发工具中测试没有问题,但是在苹果真机测试,下拉刷新就失效了

问题解决:

出现这样问题的主要原因是:把开启下拉刷新enablePullDownRefresh这个方法的属性弄错了,enablePullDownRefresh本来是个bool类型的属性,而我们给它传递了字符串类型的值,这样的结果就是导致在真机上测试没有效果;

把字符串改成bool类型的,就OK了;

bool类型

新问题:

下拉刷新的问题我们已经解决了,但是下拉时的三个加载小点的刷新样式看不到啊

刷新样式看不到

原因:

其实那三个点的刷新样式是存在的,只是它的默认颜色是白色的,而背景也是白色的,所以我们就看不到了

解决方法:

1、 改变背景颜色

在.wxss样式文件里为page添加背景颜色

添加背景颜色

这样就能看到下拉刷新的三个加载小点了

三个小点出来了

2、 修改下拉刷新三个小点的默认颜色

在.json文件里添加 "backgroundTextStyle": "dark"

修改三个小点的默认颜色

这样就能看到下拉刷新的三个加载小点了

三个小点出来了

相关文章

网友评论

      本文标题:微信小程序开启下拉刷新真机无效问题

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