如题,因为遇到了一个问题,使用list和cell实现同抖音上下滑的效果,相当于每个cell占据一个页面,这样的话在上下滑的时候都会有一个黑屏的时间,因为for循环加载后,不在屏幕展示的cell是不会渲染的,而上下滑再渲染需要一定时间,也就有了短时的黑屏效果,就无法实现同抖音上下滑有一个封面图预览的效果
list能不能指定一下,比如加载范围指定屏幕范围上方200px,下方200px的也会加载,这样不会影响性能,也可以造成更好的上下滑效果
instant
- 发布:2020-11-09 11:34
- 更新:2021-07-22 10:42
- 阅读:1581
5 个回复
instant (作者)
或者有没有什么别的方案,能够解决上下滑的渲染的问题呢,又不会因为数据多而卡顿的
nicepainkiller - 最爱 dcloud
项目也是 差不多 我也做类似 抖音的效果
instant (作者)
你找到解决办法了嘛
2020-11-19 16:48
nicepainkiller
回复 instant: 没有哇, 搞不好 只能 原生了
你做的 app 有了吗 观摩下
2020-11-19 16:57
instant (作者)
回复 nicepainkiller: 上下滑这个问题就卡住了,还发现了video清晰度比原生的低,感觉用uni做不了video相关业务啊
2020-11-19 17:36
nicepainkiller
回复 instant: 还好啊
我给你个链接看看 我们的 私信你了
本想想用 别的 播放器的 后来感觉 自带的 video 足够了
2020-11-20 10:22
instant (作者)
回复 nicepainkiller: 你这个封面是使用video的poster还是上面盖一层image用if去控制显隐呢
2020-11-20 10:27
instant (作者)
回复 nicepainkiller: 而且video有没有使用object-fit属性呢,真实情况视频宽高是会变化的,不可能刚好是开发的手机的宽高尺寸
2020-11-20 10:30
nicepainkiller
回复 instant: 盖的 image 用 v-if
2020-11-20 10:56
nicepainkiller
回复 instant: 视频用 object-fit 属性了,以最短 边适配
,目前 没有做 横版视频的适配。 看横版视频 只会看到一、中间一块
你们做的 app 有地方下载吗
观摩下
2020-11-20 10:58
instant (作者)
回复 nicepainkiller:
这是截图你看看,不是公司的,个人研究uni技术想仿个抖音试试,之前用非nvue做过效果更差,后来发现list以为能解决了结果还是有问题,就首页上下滑这个问题没找到解决方案,已经很久没碰了
2020-11-20 11:05
nicepainkiller - 最爱 dcloud
https://ask.dcloud.net.cn/question/111367
铁子 我们问的是 同一个问题哇
nicepainkiller - 最爱 dcloud
嗯 我们 几个首页 都是 nvue 做的, 平滑度 还可以,就是现在 还有个 黑屏的 瞬间
instant (作者)
还有一个跳到指定video也有难度,比如浏览喜欢的列表时,点击第5个,应该跳转播放第五个,但是同时上下滑也能浏览5前面的视频和后面的视频
2020-11-20 11:34
nicepainkiller
回复 instant: 是。这也是坑,官方没有给 相应的API, 自己实现的的话 不理想
这个功能 我只 实现了一半
2020-11-20 11:38
5***@qq.com - deking008
期待官方出手