⼩程序⾃定义导航栏后下拉刷新思考
背景
由于⼩程序原⽣的导航栏很难满⾜现有的需求,所以很多开发者会考虑通过"navigationStyle": "custom"⾃定义⼀个符合要求的导航栏,⽽这个⾃定义导航栏的操作往往是发⽣在全局配置的app.json中。也就是说每个页⾯都需要使⽤⾃定义的导航栏以便统⼀风格。
同时,项⽬中总有页⾯需要下拉刷新或上拉加载更多的需求,⼩程序在⾃定义导航栏之后,如需使⽤原有的enablePullDownRefresh就会遇到如下两个问题:
问题1:⾃定义导航栏后原有的下拉刷新动画位置显⽰不正确
然⽽对于这个bug,官⽅的回应是:
既然还没修复这个问题,那么我最先的想法是在⾃定义的导航栏底层⾃定义⼀个可以滑动的下拉刷新动画,同时利⽤提供
的backgroundTextStyle隐藏系统⾃带的下拉刷新样式。这样即可以触发原有的下拉刷新⽅法,⼜能⾃定义动画。js导航栏下拉菜单
但是,出现了第⼆个问题。
问题2:⾃定义导航栏后,开启系统下拉刷新会导致安卓端fixed的元素⼀起向下滑动。
也就是整个导航栏会跟着⼀起滑动下去(iOS端没有问题)。所以⽬前看来,如果你⾃定义可导航栏,那么系统原⽣的下拉刷新是没办法使⽤的。正⽂
因为这两个硬性bug,导致⽬前的⼩程序开发者要么使⽤原⽣的导航栏+刷新,要么是把列表通过组件scroll-view包装⼀层,然后使
⽤bindscrolltoupper和bindscrolltolower处理刷新⽅法。
⽂档中有明确指出:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。