更丝滑 更稳定 更爽快
▼
▼
想要的丝滑、稳定、爽快的开发体验
新版 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 组件能力。快来创建你的丝滑稳定小程序体验!
评论
已有0条评论
0/150
提交
热门评论
相关推荐