19 条回复  ·  2080 次点击
MagicalCarl 楼主 小成 2025-12-1 11:05:48
@op351 #9 是的 是第一次会闪一下,但滴滴的第一次没有闪,所有我好奇滴滴是怎么做到的
Huelse 小成 2025-12-1 11:13:56
也许是一张大图然后移动位置显示的图标?可以试试滴滴的框架 https://mpxjs.cn/
3282361 初学 2025-12-1 12:01:01
滴滴小程序用的是“封面方案”,你看到的 tabbar 和对应的几个页面其实是在一个页面上实现的,应该就是使用条件渲染模拟出的 tabbar 切换效果,所以切换较快
lisongeee 小成 2025-12-1 12:30:20
微信小程序的 tab 其实是多个页面并且是类似 android activity 的层叠渲染,切换页面不会丢失内部状态 滴滴首页滑动一下,切底部其它 tab 再切回来,滑动状态被重置了 其实就是正常的单页面 h5 网页 app 开发逻辑,底部 tab 一个组件,上方一个 slot 根据不同的条件渲染
wen20 小成 2025-12-1 13:36:21
不闪一下的 tab 应该都是在同一个页面中,类似 vue 的单页应用,猜测。
nijjba 初学 2025-12-1 14:06:34
开 skyline 渲染就不会闪
tsja 小成 2025-12-1 14:07:32
我的小程序就是手搓的 tabbar 自定义组件,也没有闪屏问题
veike 小成 2025-12-1 16:16:19
@refsdiary 腾讯云官方小程序也闪那么一下,同事用 uniapp 搞的就没闪,我原生写的就会闪,没研究怎么搞的。
zy445566 初学 2025-12-1 16:20:31
https://github.com/didi/dimina 滴滴的小程序用的是这个
shebaoting 初学 2025-12-1 17:30:16
看这个。很简单的逻辑。https://www.unibest.tech/base/2-tabbar
12
返回顶部