翻滚吧!小程序!
▼
▼
想要的丝滑、稳定、爽快的开发体验
新版 scroll-view 组件 全都满足你!
对比传统 scroll-view 组件,新版 scroll-view 组件 具有以下突出优势:
减少通信时间:无需通过 JSBridge 转换逻辑层与渲染层的通信,减少大量通信时间开销
避免白屏:渲染采用同步光栅化,滚动与渲染在同一线程,避免白屏情况
减少内存占用:优化长列表节点渲染,仅渲染在屏节点,减少内存占用
降低开发成本:无需开发者自行优化渲染节点问题,降低开发成本
新版 scroll-view 组件如此好用,仅需 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 组件能力。快来创建你的丝滑稳定小程序体验!
如有其他小程序应用相关的问题,可在 微信开放社区小程序交流专区 发帖互动,技术专员将为大家解答及进行深度交流。