Skyline渲染引擎
<share-element key="se-key{{index}}" rect-tween-type="cubic-bezier(0.4, 0.0, 0.2, 1.0)" worklet:onframe="handleFrame" transition-on-gesture="{{true}}" style="width: 100%; height: 100%;">
就用的官方体验的demo,具体看图: webview,一加载就有页面 [图片] skyline,会先黑屏一下,tabbar 都已经出来了,而 webview 模式下页面和tabbar是同时出现的 [图片]
input 设置height: 100% 也确实高度是22.4,但鼠标房东编辑器input组件里面还有个#input高度15,这可能就是placeholder不居中。 [图片][图片] 真机 oppo手机出现文字显示不全 [图片] 麻烦能不能把这种基础表单组件兼容性做好一点,基础的东西太说不过去了
/* 正常屏幕尺寸时 */ .card-container { display: flex; justify-content: center; width: 750rpx; height: 66.62vh; flex-grow: 1; margin-top: 2vh; } .icon-container { display: flex; justify-content: center; align-items: center; width: 750rpx; } /* 屏幕高度小于667px时 */ @media screen and (max-height: 667px){ .card-container { transform-origin: 50% 25%; transform: scale(0.906); display: flex; justify-content: center; width: 750rpx; height: 1000rpx; margin-top: 5vh; flex-grow: 1; } .icon-container { display: flex; justify-content: center; align-items: center; width: 600rpx; } 出现的问题是: 当我加了@media之后,发现所有手机尺寸的,都按这个样式生效了。 也就是说,相当于 @media screen and (max-height: 667px)这个筛选条件,并没有生效。 是skyline渲染引擎中不支持吗? 如果不支持的话,我应该怎么实现匹配不同屏幕的样式?
代码片段:https://developers.weixin.qq.com/s/SLUy7JmW7XQE 在真机(iphone15pro)输入框输入文字后动态修改 snapshot里面的view和在snapshot外面view的的文字表现不一致 但是只要输入够多的字又会一样 [图片]
现在的需求是: 页面内容不满一屏那么就撑满一屏,超过一屏就把flex:auto;元素撑开。 webview没问题, skyline有问题。 不能在wrapper上加height,不满一屏的时候看起来是好的,但是内容如果超过一屏就会被截断。 wxss代码 .wrapper { min-height: 100vh; display: flex; flex-direction: column; } .header { border: 1px solid blue; flex: none; height: 100px; } .content { border: 1px solid red; flex: auto; } wxml代码 <view class="wrapper"> <view class="header">header</view> <view class="content">content</view> </view> skyline [图片] webview [图片] 代码片段: https://developers.weixin.qq.com/s/irkIklmO7tQ5
https://developers.weixin.qq.com/miniprogram/dev/api/skyline/Snapshot.html 按照文档中的方法, 获取到 Snapshot 对象, 但是Snapshot对象并没有文档中所说的 number width画布宽度,number height画布高度 属性, 请问这个画布的宽高从哪里获取, 特别是调用takeSnapshot方法, 并返回rgba数据的时候, 没有宽高没办法处理这个图像的数组
设备:华为Mate 10 pro Android 10 开发者工具:Nightly 1.06.2404222 在android真机设备上,光标与占位符信息也没有对齐 代码片段 https://developers.weixin.qq.com/s/zsw1AImx77QQ
https://developers.weixin.qq.com/miniprogram/dev/component/input.html 华为Mate 10 pro Android 10 在android真机设备上,光标与占位符信息也没有对齐
在同时使用sticky-section和video组件时,发现了以下两个bug,1:video的bindfullscreenchange方法中的fullscreen参数都是undefined。2ios手动调用video的requestFullScreen无效 代码片段:https://developers.weixin.qq.com/s/4sszzImC7PQ8 [图片]
ocr组件什么时候适配下skyline渲染
公司项目升级到skyline,发现小程序页面进出次数多了之后,android卡死无响应,ios提示"运行内存不足,请重新打开该小程序"。 [图片] 感觉skyline跟webview相比内存占的更多,还有内存泄露问题。 内存泄露验证视频请扫码查看,进入空白页再退出webview释放了页面实例,但是skyline没有。 [图片] 代码片段:https://developers.weixin.qq.com/s/WZ8xSImO78Qs
设置font-family: PingFangSC-Light在ios上没生效,是不支持吗?
webview模式下退出全屏胶囊正常显示,skyline模式则没有了 [图片]
[图片] 我想要实现类似文档这个视频的效果,把指示点单独拿出来,放到脱离 swiper 的其他复杂的排版位置去。 API 好像只有一个配置 margin 的参数,而且是固定的四个方向的 margin。 附:如果无法实现完全自定义位置的指示点, 自己模拟的话能否达到和原生相近的性能和效果? 指示点完全跟随 swiper-item 的移动,移回,取消移动,动作完全同步?
Skyline模式下 调用VideoContext.requestFullScreen IOS机型失效 ios真机效果 点击播放没放大,再次点击无效(正常情况:点击全屏播放,退出全屏暂停播放) 点击视频开启全屏 [图片] video组件监听到全屏变化 调用toggleFullScreen [图片]
我在自己小程序里试过了,也试了创建 JS-Skyline 基础模板。 开发版 Nightly Build (1.06.2404222) 下图是我使用的 JS-Skyline 基础模板截图。 [图片]
https://developers.weixin.qq.com/miniprogram/dev/component/input.html focusEvent(e) { this.setData({ focusValue: 1 }) }, focusEvent1(e) { this.setData({ focusValue: 2 }) }, blurEvent() { this.setData({ focusValue: -1 }) }, input输入框,绑定了bind:focus 和 bind:blur事件时,focus事件中设置的值会被blur覆盖 [图片]
Skyline渲染框架的小程序无法显示直播间?
skyline模式的页面,在scroll-view里,使用给父元素添加border来解决外边距塌陷的问题时会出现多一次外边距,不符合预期结果。在webview正常 [图片][图片]
小程序示例
交互动画 tab
开发者工具的问题,不影响真机表现(我不是官方人员)