instant
instant
  • 发布:2020-11-09 11:34
  • 更新:2021-07-22 10:42
  • 阅读:1581

请问在nvue中,list组件能不能指定渲染高度啊,现在是默认只渲染屏幕可见的cell

分类:nvue

如题,因为遇到了一个问题,使用list和cell实现同抖音上下滑的效果,相当于每个cell占据一个页面,这样的话在上下滑的时候都会有一个黑屏的时间,因为for循环加载后,不在屏幕展示的cell是不会渲染的,而上下滑再渲染需要一定时间,也就有了短时的黑屏效果,就无法实现同抖音上下滑有一个封面图预览的效果
list能不能指定一下,比如加载范围指定屏幕范围上方200px,下方200px的也会加载,这样不会影响性能,也可以造成更好的上下滑效果

2020-11-09 11:34 负责人:无 分享
已邀请:
instant

instant (作者)

或者有没有什么别的方案,能够解决上下滑的渲染的问题呢,又不会因为数据多而卡顿的

nicepainkiller

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

nicepainkiller - 最爱 dcloud

https://ask.dcloud.net.cn/question/111367

铁子 我们问的是 同一个问题哇

nicepainkiller

nicepainkiller - 最爱 dcloud

嗯 我们 几个首页 都是 nvue 做的, 平滑度 还可以,就是现在 还有个 黑屏的 瞬间

  • instant (作者)

    还有一个跳到指定video也有难度,比如浏览喜欢的列表时,点击第5个,应该跳转播放第五个,但是同时上下滑也能浏览5前面的视频和后面的视频

    2020-11-20 11:34

  • nicepainkiller

    回复 instant: 是。这也是坑,官方没有给 相应的API, 自己实现的的话 不理想

    这个功能 我只 实现了一半

    2020-11-20 11:38

5***@qq.com

5***@qq.com - deking008

期待官方出手

该问题目前已经被锁定, 无法添加新回复