请教一下微信小程序的问题,参考滴滴的 tabbar

查看 76|回复 12
作者:MagicalCarl   
滴滴出行的微信小程序底部的 tabbar 明显不是原生的 tabbar ,可以看到图标有动画
明显又不是使用 custom-tab-bar 实现的,因为用 custom-tab-bar 每次切换会让页面闪一下
这个 tabbar 是怎么实现的如此流畅,大家有什么头绪吗?
或者是有没有滴滴的同学来解答一下,感谢!
更正一下,使用 custom-tab-bar ,不是每次都会闪一下,是首次会闪一下,但滴滴的没有闪,所有我好奇滴滴是怎么做到的
        
   
   
   
   
        
            
               
   
   

微信小程序, tabbar, 动画

wednesdayco   
更正一下,使用 custom-tab-bar ,不是每次都会闪一下,是首次会闪一下,但滴滴的没有闪,所有我好奇滴滴是怎么做到的
lonjin   
这还需要 DD 来回答么?
MagicalCarl
OP
  
一个主页面,tab 页面都是写成组件的形式,点击 tabbar 来回切换组件而已。
refsdiary   
我一直觉得把页面写成组件不够优雅,可能加载时会加载所有页面会变卡,看来是我想多了
Cloudust   
微信提供得 api 是不一样得。用户多得小程序 有内测得 api 普通小程序没有得。
ZettarYuFan   
看了一下,甚至没有兼容安卓 3 个按钮底部的安全区。要么就是自定义 tabbar 用 switchTab 切换页面,这样每个页面都要放一份。要么就写到一个页面里,内容做组件动态切换即可。动画其实没啥,svg 换颜色加个 scale
members   
这种大体量的小程序,应该有不少东西是微信专门开放用的
dust2   
“因为用 custom-tab-bar 每次切换会让页面闪一下”
这是因为用了分包。
正常用 custom-tab-bar 切换是不会闪的。
op351   
@members 不分包也会卡, 而且 tabbar 几屏的首屏 应该没人分包吧
您需要登录后才可以回帖 登录 | 立即注册

返回顶部