Skyline渲染引擎
// 下面是官方案例中的 handlePrimaryAnimation 函数,设置的 borderRadius 不生效(基础库 3.0.1) // 有的版本在工具中运行生效,而IOS预览无效;而 3.0.1 无论是工具还是预览都无效 // 链接:https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/custom-route.html const handlePrimaryAnimation = () => { 'worklet' let t = primaryAnimation.value if (!userGestureInProgress.value) { t = _curvePrimaryAnimation.value } const topDistance = 0.12 const marginTop = topDistance * screenHeight const pageHeight = (1 - topDistance) * screenHeight const transY = pageHeight * (1 - t) return { borderRadius: '10px', marginTop: `${marginTop}px`, height: `${pageHeight}px`, transform: `translateY(${transY}px)`, }
渲染模式 skyline开启后报错 devtools was disconnected from the page once page is reloaded devtools will automatically reconnect 是什么原因的? [图片]
如题,之前关于canvas的问题在Skyline官方群问过说是模拟器暂时不支持,只能真机看效果,今天写了个功能,真机也没效果,求解。 代码片段:https://developers.weixin.qq.com/s/mRhzdLmp7SK3
Skyline 目前@media 仅支持 prefers-color-scheme: dark,而且也不支持 match-media 组件。 原有小程序通过 @media min-width 和 max-width 适配了平板和 PC,目前迁移过来的时候遇到了相关障碍。 换句话说 Skyline 如何实现响应式布局?难道只能做 N 套 WXML 骨架然后监听屏幕大小与 resize 来动态切换应用?那这种实现也太 ugly 了把?
为什么我的小程序在使用skyline渲染模式之后,元素跑到了最左上角的位置?[图片] 调试器显示如下:[图片] 请问这是什么问题?如何进行调整?
旧架构:AppService + WebView 新架构:AppService + Skyline 难道渲染线程不是真线程
[图片] 如图所示,opaque官方文档[图片]意思为true时不显示上一个页面,false显示上一个页面,但是我设置为false后,上一个页面向左移动了一段距离,设置显示的话那就应该原地不动才对吧,还是说效果就是这种的? https://developers.weixin.qq.com/s/ddkm9smG7JKW 代码片段我用了最新的稳定版和开发版都是这种效果,真机预览也是一样,不知是bug还是代码写的有问题,望解答。
小程序无论是在页面的json还是在app.json中配置skyline,发布后安卓手机可以自动切换到skyline,但是苹果不能自动切换,仍然用的webview渲染,最低版本也符合skyline的要求,请问是什么原因?
skyline中内嵌channel-video无效?,请问能不能使用channel-video?Nightly已升级,在真机是还无效?[图片][图片]
系统:windows 11 开发工具:[图片] [图片] 稳定版也是又这个问题 WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 Cannot read property '_unprepared' of undefined(env: Windows,mp,1.06.2308032; lib: 2.33.0) t.<computed> @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 flushBlocked @ VM734:1 unblock @ VM734:1 ls @ VM734:1 doInitRender @ VM734:1 initRender @ VM734:1 renderPage @ VM734:1 (anonymous) @ VM734:1 onPageReady @ VM734:1 us @ VM734:1 setDataReady @ VM734:1 c @ VM734:1 (anonymous) @ VM734:1 (anonymous) @ VM734:1 (anonymous) @ VM734:1 (anonymous) @ VM734:1 (anonymous) @ VM734:1 _privEmit @ VM734:1 emit @ VM734:1 (anonymous) @ VM734:1 _privEmit @ VM734:1 emit @ VM734:1 (anonymous) @ VM734:1 (anonymous) @ VM734:1 subscribeHandler @ VM734:1 (anonymous) @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 publish @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 (anonymous) @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 (anonymous) @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 Promise.then (async) o @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 postMessageAsync @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 L @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 (anonymous) @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 sr @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 ur @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 (anonymous) @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 (anonymous) @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 Nt.emit @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 emit @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 (anonymous) @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 (anonymous) @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 emit @ WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 c @ VM211 asdebug.js:1 d @ VM211 asdebug.js:1 (anonymous) @ VM211 asdebug.js:1 g @ VM211 asdebug.js:1 p @ VM211 asdebug.js:1 (anonymous) @ VM211 asdebug.js:1 _ws.onmessage @ VM211 asdebug.js:1 WAServiceMainContext.js?t=wechat&s=1691131398486&v=2.33.0:1 TypeError: Cannot read property '_unprepared' of undefined at Function.c.prepare (<anonymous>:1:235723) at Function.b.prepare (<anonymous>:1:276546) at Function.b._advancedCreate (<anonymous>:1:279061) at c.createComponent (<anonymous>:1:297780) at wn (<anonymous>:1:668204) at wn (<anonymous>:1:668360) at wn (<anonymous>:1:668360) at wn (<anonymous>:1:668360) at wn (<anonymous>:1:668360) at wn (<anonymous>:1:668360)(env: Windows,mp,1.06.2308032; lib: 2.33.0)
有没有具体的文档,或示例代码? snapshot 截图组件。大多数小程序都会基于 canvas 实现自定义分享图的功能,但分享图的布局较复杂时,canvas 的方案实现成本会更大,而 Skyline 是具备对 WXML 子树截图的能力的,因此我们直接封装后开放出来,这样能复用更完善的 WXSS 能力,极大降低开发成本。
如标题,页面为skyline模式,若页面中同时包含有canvas和map,而在页面的获取canvas的实例,第一次进入页面正常,返回后再次进入页面则无法对exec里的函数进行回调。下图中错误日志是在第一次进入页面后,返回时的错误消息,出现这个错误后,再次进入页面就不能对exec的函数进行回调了。 [图片]
[图片] [图片]
小程序其中一个页面开启使用Skyline引擎开发,使用开发者工具本地预览和上传体验包时所有页面均正常展示;但是使用miniprogram-ci预览和上传体验包时,会导致开启Skyline渲染的页面内components组件样式丢失(页面样式正常,仅组件样式丢失),请问这是为什么? "miniprogram-ci": "1.2.3" setting: { es6: true, es7: true, minifyJS: true, minifyWXML: true, minifyWXSS: true, minify: true, codeProtect: false, autoPrefixWXSS: true, }
<map id="myMap"></map> [图片]
[图片][图片][图片][图片][图片]
[图片] [图片] [图片] 开启了,skyline 编译报错,有没有人给解答一下,提过好多天没有人回应 ?
VM211 asdebug.js:1 [skyline-devtools] create skylineWindow 37 failed Error: Cannot find module 'sharedMemory/sharedMemory.node' Require stack: - C:\Program Files (x86)\Tencent\微信web开发者工具\code\package.nw/appservice/mainframe at Function.Module._resolveFilename (node:internal/modules/cjs/loader:951) at Function.Module._load (node:internal/modules/cjs/loader:791) at Module.require (node:internal/modules/cjs/loader:1023) at require (node:internal/modules/cjs/helpers:93) at self.require (<anonymous>:11:26) at Object.window.__global.safeSkylineRequire (<anonymous>:10:105116) at Object.a [as createWindow] (VM211 asdebug.js:10) at c (VM211 asdebug.js:10) at VM211 asdebug.js:1 at Set.forEach (<anonymous>)(env: Windows,mp,1.06.2208010; lib: 2.25.2) r @ VM211 asdebug.js:1 a @ VM211 asdebug.js:10 c @ VM211 asdebug.js:10 (anonymous) @ VM211 asdebug.js:1 f @ VM211 asdebug.js:1 g @ VM211 asdebug.js:1 (anonymous) @ VM211 asdebug.js:1 _ws.onmessage @ VM211 asdebug.js:1 VM211 asdebug.js:1 [skyline-devtools] create skylineWindow 38 failed Error: Cannot find module 'sharedMemory/sharedMemory.node' Require stack: - C:\Program Files (x86)\Tencent\微信web开发者工具\code\package.nw/appservice/mainframe at Function.Module._resolveFilename (node:internal/modules/cjs/loader:951) at Function.Module._load (node:internal/modules/cjs/loader:791) at Module.require (node:internal/modules/cjs/loader:1023) at require (node:internal/modules/cjs/helpers:93) at self.require (<anonymous>:11:26) at Object.window.__global.safeSkylineRequire (<anonymous>:10:105116) at Object.a [as createWindow] (VM211 asdebug.js:10) at c (VM211 asdebug.js:10) at VM211 asdebug.js:1 at Set.forEach (<anonymous>)(env: Windows,mp,1.06.2208010; lib: 2.25.2) r @ VM211 asdebug.js:1 a @ VM211 asdebug.js:10 c @ VM211 asdebug.js:10 (anonymous) @ VM211 asdebug.js:1 f @ VM211 asdebug.js:1 g @ VM211 asdebug.js:1 (anonymous) @ VM211 asdebug.js:1 _ws.onmessage @ VM211 asdebug.js:1 VM211 asdebug.js:1 Uncaught (in promise) Error: [skyline-devtools] create skylineWindow 37 failed at Object.r [as error] (VM211 asdebug.js:1) at Object.a [as createWindow] (VM211 asdebug.js:10) at c (VM211 asdebug.js:10) at VM211 asdebug.js:1 at Set.forEach (<anonymous>) at f (VM211 asdebug.js:1) at e.exports.g (VM211 asdebug.js:1) at VM211 asdebug.js:1 at Set.forEach (<anonymous>) at WebSocket._ws.onmessage (VM211 asdebug.js:1)(env: Windows,mp,1.06.2208010; lib: 2.25.2) r @ VM211 asdebug.js:1 a @ VM211 asdebug.js:10 c @ VM211 asdebug.js:10 (anonymous) @ VM211 asdebug.js:1 f @ VM211 asdebug.js:1 g @ VM211 asdebug.js:1 (anonymous) @ VM211 asdebug.js:1 _ws.onmessage @ VM211 asdebug.js:1 async function (async) c @ VM211 asdebug.js:10 (anonymous) @ VM211 asdebug.js:1 f @ VM211 asdebug.js:1 g @ VM211 asdebug.js:1 (anonymous) @ VM211 asdebug.js:1 _ws.onmessage @ VM211 asdebug.js:1 VM211 asdebug.js:1 Uncaught (in promise) Error: [skyline-devtools] create skylineWindow 38 failed at Object.r [as error] (VM211 asdebug.js:1) at Object.a [as createWindow] (VM211 asdebug.js:10) at c (VM211 asdebug.js:10) at VM211 asdebug.js:1 at Set.forEach (<anonymous>) at f (VM211 asdebug.js:1) at e.exports.g (VM211 asdebug.js:1) at VM211 asdebug.js:1 at Set.forEach (<anonymous>) at WebSocket._ws.onmessage (VM211 asdebug.js:1)(env: Windows,mp,1.06.2208010; lib: 2.25.2)
小程序示例
交互动画 tab
开发者工具是什么版本呢,试试最新的 Nightly 看看