Skyline渲染引擎
模拟器上效果上是可以的,到真机上就不行,有上面的问题,白屏,导致动画不连贯,所以效果很差,不知道有没有人遇到过?
请问一下大佬们,我就写了下面这一个很简单的demo,但是为啥吸顶不生效呢? <scroll-view class="scroll-area" scroll-y type="custom"> <sticky-section push-pinned-header="{{false}}"> <sticky-header> <view class="day-container">{{wedDay}},剩余:{{remain}}天</view> </sticky-header> <text> a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a</text> </sticky-section> </scroll-view>
// 创建性能观察者 const observer = wx.createPerformanceObserver((entryList) => { const entries = entryList.getEntries(); entries.forEach((entry) => { console.log('资源加载信息:', entry); }); }); // 观察资源加载类型的性能条目 observer.observe({ entryTypes: ['resource'] }); } 通过此段代码创建监听器,在页面访问图片链接,无法在entryList.getEntries()处获得resource类型数据
skyline模式下<page-container>组件 归属与不同页面也会提示 [图片]
第一次冷启动打开页面会报错卡loading, 第二次打开页面就好了 报错信息 SystemError (exparserScriptError) FragmentBinding expect non-null node Error: FragmentBinding expect non-null node at r (WAServiceMainContext.js:1:229091) at (WAServiceMainContext.js:1:229223) at n (WAServiceMainContext.js:1:226962) at n (WAServiceMainContext.js:1:227050) at n (WAServiceMainContext.js:1:227050) at ze.forEachNodeInSpecificSlot (WAServiceMainContext.js:1:227093) at g (WAServiceMainContext.js:1:229131) at (WAServiceMainContext.js:1:230236) at Set.forEach (<anonymous>) at ze.insertChildComposed (WAServiceMainContext.js:1:230224) {type: "string", description: "SystemError (exparserScriptError)\nFragmentBinding expect non-null node\nError: FragmentBinding expect non-null node\nat r (WAServiceMainContext.js:1:229091)\nat (WAServiceMainContext.js:1:229223)\nat n (WAServiceMainContext.js:1:226962)\nat n (WAServiceMainContext.js:1:227050)\nat n (WAServiceMainContext.js:1:227050)\nat ze.forEachNodeInSpecificSlot (WAServiceMainContext.js:1:227093)\nat g (WAServiceMainContext.js:1:229131)\nat (WAServiceMainContext.js:1:230236)\n at Set.forEach (<anonymous>)\nat ze.insertChildComposed (WAServiceMainContext.js:1:230224)", value: "SystemError (exparserScriptError)\nFragmentBinding expect non-null node\nError: FragmentBinding expect non-null node\nat r (WAServiceMainContext.js:1:229091)\nat (WAServiceMainContext.js:1:229223)\nat n (WAServiceMainContext.js:1:226962)\nat n (WAServiceMainContext.js:1:227050)\nat n (WAServiceMainContext.js:1:227050)\nat ze.forEachNodeInSpecificSlot (WAServiceMainContext.js:1:227093)\nat g (WAServiceMainContext.js:1:229131)\nat (WAServiceMainContext.js:1:230236)\n at Set.forEach (<anonymous>)\nat ze.insertChildComposed (WAServiceMainContext.js:1:230224)"} [图片][图片] [图片]
只要先在input组件中聚焦拉起键盘, 然后焦点切换到textarea组件就无法输入换行, 严重影响用户体验 小米11 / 澎湃OS 1.0.6.0UKBCNXM / weixin 8.0.53 / lib 3.6.3 代码片段: https://developers.weixin.qq.com/s/ulExl9mN7LVH
我用skyline 来渲染图片,在开发工具上能正常显示,但是在真机上不显示,也没报错。证书链都正常。真机上根本没有向后台访问图片链接,有官方人员来帮忙解决一下问题吗?看看具体原因是什么。代码复现https://developers.weixin.qq.com/s/anvuq9mN7VVj [图片][图片]
使用过程中sticky-header需要为其直接子节点,添加背景图就无从加起,
使用snapshot组件截图,如何提高生成图片的分辨率?
在webview没有这个问题,在Skyline的时候,如果屏幕尺寸是375也没问题,其他尺寸会有黑边,选择 iPhone 15 Pro Max 的时候黑边如下图: [图片] wx wxss 文件代码: .svg-mask { width: 200rpx; height: 400rpx; mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask-size: cover; background-color: #000; } wxss 文件代码: <view class="svg-mask"></view>
图一加了layzload报这个,[图片], 不加报这个,[图片] 有没有大佬解释一下??? 基础库最新3.6.1
我们的业务里有富文本带横向滚动条的需求,skyline能不能支持一下? view支持overflow:autorich-text支持overflow:autorich-text的mode="web"模式支持overflow:auto求官方支持
问题:安卓微信版本 8.0.51,基础库版本3.6.2,调用 wx.requestPayment 无法唤起微信支付。iOS 一切正常,把 page.json 里的 renderer 换成 webview 后可以正常唤起微信支付。
在开发工具中显示image是正常的,到了真机上就不显示了。图片链接是https地址。在webview 渲染下这个地址真机上也是正常的,浏览器也能访问到。就就是在skyline渲染下,真机出现了不显示问题?有没有大佬知道是什么情况吗?skyline渲染下会要求https需要什么特殊的协议吗?下图一个是在开发工具上的显示,一个是在手机上的显示。[图片][图片]
开发工具上用skyline渲染时,wxs事件响应函数获取的参数不全,没有instance。WebView获取的参数就正常,Android端的skyline也正常。 按钮点击后用wxs事件响应函数获取按钮的style,然后把颜色改成绿色。在开发工具用skyline渲染时会报错,点击没法变色: [图片][图片] 在开发工具上用WebView渲染就可以: [图片][图片] 手机上的skyline也可以: [图片][图片][图片] 代码截图: [图片] 代码片段链接:https://developers.weixin.qq.com/s/agJ80Ym97qUI 麻烦官方给个回复,修一下吧。这样一边一种情况开发起来真的很麻烦。
不开启skyline 模拟器调用接口后正常筛选所有XHR的请求(符合预期) [图片] 开启skyline渲染模式后,media类型的请求也会在network中出现 [图片]
开始不选择skyline模式[图片] 连续多次点击button,wrap容器在正面和背面来回反转(符合预期) [图片][图片] 开启skyline模式之后,容器反转动画正常,但只显示了一张图片,和镜像的图片 另外一张图片无法正常显示,怀疑是backface-visibility这个属性在skyline模式下有层级问题,单独使用backface-visibility可以
新建page,设置为skyline。构造器用page或者Component。 将这个页面作为自定义组件使用还能保持skyline特性吗?
[图片] 使用iphone13以及pro都可以正常生成图片分享出去,但是iphonex不行,后台报错 且发现进入skyline渲染的界面时,iphoneX没有自动切到skyline渲染
做了一个点击计数的界面,使用Skyline后出现异常。原本WebView渲染重新进界面计数器归零,用Skyline渲染重新进界面次数保留。 代码片段连接:https://developers.weixin.qq.com/s/Bjb9iQmx7BUP 界面截图: [图片][图片] 代码截图: Wxml: [图片] Wxs: [图片] Js: [图片] 操作流程:跳转到计数界面,点几下计数,反回初始界面再跳转到计数界面。运行结果: WebView渲染: [图片] Skyline渲染: [图片] 上面是开发工具运行的情况,在Android手机上也一样。
小程序示例
交互动画 tab
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)