微信开发者

翻滚吧!小程序!

Image

▼

▼

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

新版 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 组件能力。快来创建你的丝滑稳定小程序体验!

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

如有其他小程序应用相关的问题,可在 微信开放社区小程序交流专区 发帖互动,技术专员将为大家解答及进行深度交流。

Image