返回
顶部

修改密码

首页 > 新闻 > 行业 > 正文
翻滚吧!小程序!
更丝滑 更稳定 更爽快


















想要的丝滑、稳定、爽快的开发体验

新版 scroll-view 组件 全都满足你!


对比传统 scroll-view 组件,新版 scroll-view 组件 具有以下突出优势:

  • 减少通信时间:无需通过 JSBridge 转换逻辑层与渲染层的通信,减少大量通信时间开销

  • 避免白屏:渲染采用同步光栅化,滚动与渲染在同一线程,避免白屏情况

  • 减少内存占用:优化长列表节点渲染,仅渲染在屏节点,减少内存占用

  • 降低开发成本:无需开发者自行优化渲染节点问题,降低开发成本


新版 scroll-view 组件如此好用,仅需 2 步即可快速接入,让你的小程序纵享丝滑稳定体验!

  1. 准备环境,修改小程序配置

  2. scroll-view 增加 type=“list”


// app.json// "renderer": "skyline" 开启之后所有页面会变成自定义导航,可参考 https://developers.weixin.qq.com/s/Y5Y8rrm37qEY 实现自定义导航// 也可在 page.json 中配置 "renderer": "skyline" 逐个页面开启{  ...  "lazyCodeLoading": "requiredComponents",  "renderer": "skyline"}
// page.json{  ...  "disableScroll": true,  "navigationStyle": "custom"}
// page.wxml<scroll-view type="list">  ...</scroll-view>
// 反向滚动<scroll-view type="list" reverse></scroll-view>


值得注意的是,新版 scroll-view 组件支持安卓 8.0.28 / iOS 8.0.30 以上版本。如需兼容低版本,开发者需要进行兼容处理。


wx.getSkylineInfo({  success(res) {  if (res.isSupported) {    // 使用新版 scroll-view  } else {    // 使用旧版 scroll-view  }  }})


想要立即体验?现在打开微信开发者工具导入 代码片段,即可体验新版 scroll-view 组件能力。快来创建你的丝滑稳定小程序体验!



写代码的日常并不轻松
但开发者总是保持对技术的热爱
一行行代码饱含着不断滚烫的热爱
祝福各位开发者的新一年
也像新版 scroll-view 组件那般
更丝滑 · 更稳定 · 更爽快


评论
已有0条评论
0/150
提交
热门评论
相关推荐
今日要闻
换一批
热点排行