Skyline渲染引擎
Skyline 渲染的页面中,input 输入内容过长时,会触发 scroll-view 的 worklet:onscrollupdate 事件 并且返回的 evt.detail.scrollTop 也是错误的
问题:同样的代码,skyline和webview渲染出了不同的高度,这应该怎么解决?(自定义tabbar需要混合使用webview页面和skyline页面,这个问题导致tabbar晃动) 复现链接:https://developers.weixin.qq.com/s/vPXhKomv7QQa webview: [图片] skyline: [图片]
skyline渲染下,使用picker-view双列时间滚轮,第二列时间不停的向上滚动在动画未停止时,在第一列时间不停的向上滚动在快速向下滚动,多试几次会出现屏幕的按钮,switch滑块等都不能触发点击事件,出现bug的几率很大
问题:两个页面不同的渲染方式,轮播图快速点击会跳转多次;相同的渲染模式则不会 代码片段:https://developers.weixin.qq.com/s/ZVkeinmM7sQ7 开发工具:Nightly 1.06.2404112 , 基础库:3.4.0 ,微信版本:8.0.48 注意:1.需开启开发者工具上的skyline渲染调试 2.需要在真机上调试,开发者工具没问题
grid-view type="aligned"的时候就不会,是我写法有问题还是这个组件本身有问题?
使用官方demo稍微改了下,就复现了。 启动页面设置成grid-demo-1/index。 代码片段:https://developers.weixin.qq.com/s/NcOg4lmh7CQG <scroll-view scroll-y style="width: 100%; height: 100%;" type="custom"> <grid-view type="masonry" cross-axis-count="{{crossAxisCount}}" cross-axis-gap="{{crossAxisGap}}" main-axis-gap="{{mainAxisGap}}"> <grid-tile wx:for="{{gridList}}" wx:key="id" index="{{item.id}}" height="{{100 * item.sub}}"></grid-tile> </grid-view> <grid-view wx:if="{{aaaa}}" type="masonry" cross-axis-count="{{crossAxisCount}}" cross-axis-gap="{{crossAxisGap}}" main-axis-gap="{{mainAxisGap}}"> <grid-tile wx:for="{{gridList}}" wx:key="id" index="{{item.id}}" height="{{100 * item.sub}}"></grid-tile> </grid-view> </scroll-view> 使用官方demo稍微改了下,就复现了。 // grid-demo-1/index.js import { generateGridList } from '../utils' Page({ /** * 页面的初始数据 */ data: { aaaa: false, crossAxisCount: 2, crossAxisGap: 8, mainAxisGap: 10, gridList: generateGridList(10, 4), }, /** * 生命周期函数--监听页面加载 */ onLoad(options) { setTimeout(() => { const gridList = this.data.gridList; this.setData({ gridList: [...gridList,...generateGridList(10, 4)], aaaa: true, }) }, 2000); }, })
详情看代码,skyline模式的页面,引用MobX Store定义的属性, 无法通过 this.data.xxx 来访问通过store共享的变量, webview模式的页面正常
能否从架构上介绍一下,skyline 引擎与Flutter Engine之间的关系,切换成skyline引擎,页面是一个Flutter Widget吗?
项目存在2个tab页面(自定义tab组件),其中一个tab页面已切换成Skyline,另外一个为webview,Skyline页面的自定义tab组件无法渲染,webview页面正常。 以上情况仅出现在真机,开发者工具正常
弹窗中添加picker-view ,由最上方滚动到最下方,在动画没结束时 多点击几次屏幕, 出现 bindtap无法触发问题
当app.json全局开启 glass-easel 支持 "componentFramework": "glass-easel", 当部分页面切换到Skyline模式后,当进入一个webview模式的页面时,webview页面白屏 控制台报错 SystemError (jsEnginScriptError) Cannot read properties of undefined (reading '_') TypeError: Cannot read properties of undefined (reading '_') at I (index/components/air-control-popup/index.appservice.js:1:307) at L0 (index/components/air-control-popup/index.appservice.js:1:6267) at t.handleChildrenCreation (common.app.js:1:30533) at (common.app.js:1:30943) at J0 (index/components/air-control-popup/index.appservice.js:1:6525) at t.handleChildrenCreation (common.app.js:1:30533) at (common.app.js:1:30782) at I0 (index/components/air-control-popup/index.appservice.js:1:7047) at t.handleChildrenCreation (common.app.js:1:30533) at (common.app.js:1:30782) 开发者工具上正常,只有真机运行才会上面的问题 理论上,部分页面切换Skyline,无需全局开启 glass-easel 支持,目前会出现一种情况: 项目存在2个tab页面(自定义tab组件),其中一个tab页面已切换成Skyline,另外一个为webview,在不全局开启 glass-easel 的情况下,Skyline的自定义tab组件无法渲染,webview页面正常。一旦全局开启 glass-easel 支持即设置"componentFramework": "glass-easel",自定义tab组件在两个tab页面渲染正常。 以上情况仅出现在真机,开发者工具正常 app日志已上传, 微信号:world-soon-test 报错时间: 2024-4-9 14:40 和14:54这两个时间点
[图片] 单页面json配置 [图片] 使用skyline渲染引擎后头部title消失? 请问这是什么情况?
https://developers.weixin.qq.com/miniprogram/dev/component/input.html 文档中未说明placeholder-style是skyline专用属性,导致在webview下始终设置不成功,浪费大量时间排查!
[图片]
skyline 使用for 循环,当for 循环里面有手势组件的情况下,这个for循环的数据是无法按下标修改的 [图片] 会报下面的错 [图片] 请问这个是预期行为吗
[图片] 打印的是this,写在$nextTick应该不存在dom没有渲染出的情况
是免费还是付费的组件,怎么付费
[图片]
https://developers.weixin.qq.com/s/VZEZecmg7AQH
尝试了echarts,ucharts和其他衍生图表 均不显示(真机) 切换成webview渲染正常使用 请问用skyline引擎的道友们都是怎么解决charts图表功能的
小程序示例
交互动画 tab
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。