收藏
评论

Skyline 渲染引擎常见问题官方

  • Skyline 一定需要应用到整个小程序吗?

不需要,Skyline 支持按页面粒度开启,建议开发者逐个页面适配

  •   在 Skyline 模式下,为什么使用真机调试会显示空白并且工具报错?

 目前 Skyline 模式下暂不支持真机调试,建议使用真机预览完成调试,平台在尽快支持真机调试能力。

  •    在 Skyline 模式下,为什么微信开发者工具热重载无响应?

  Skyline 模式暂不支持热重载,建议先关闭热重载,重新编译来预览渲染结果。后续平台将支持热重载能力。

  • 开启 Skyline 后布局错乱

大多是由于没有全局滚动而导致挤压,以及 flex-direction 默认为 column 造成。前者只需要加上 scroll-view,后者可以在声明了display:flex  但又没指定 flex-direction的地方显示指定flex-direction:row推荐开发者开启默认 Block 布局

  • 切换 Skyline后,为什么顶部原生导航栏消失?

不支持原生导航栏,需自行实现,或使用 weui 组件库

  • 伪类及伪元素部分支持

对于伪类,目前只支持常用的 :first-child 和 :last-child 。其它伪类可通过按需添加 class 替代,如 :active 则手动给点击状态下的节点加个.active class

对于伪元素,目前只支持 ::before 和:after。其它伪元素建议用真实 WXML 节点实现。

  • 全局固定元素失效

因不支持 fixed 导致,但由于没有全局滚动,在页面根节点下使用 absolute 即可达到 fixed 的效果,倘若封装原因无法移至页面根节点,可使用 root-portal 组件包裹

  • 切换 Skyline 后,为什么 position: absolute 相对坐标不准确?

在 Skyline 模式下,所有节点默认是 relative,可能导致 absolute 相对坐标不准。建议开发者修改节点 position 或者修改相对坐标。

  • 多段文本无法内联

因不支持 inline 布局导致,需改成 flex 布局实现,或者使用 text 组件包裹多段文本,而不是用 view 组件包裹,也可以使用 span 组件包裹 text 和 image 混合内联。如 、<span><image /></span>,<span><view style="width: 50px;"/></span>

  • 多行文本的省略样式失效

在单行文本省略的基础上,通过 text 组件的 max-lines 属性设置最长行数,即 <text max-lines="{{2}}"></text>

  • z-index 表现异常

这是由于 Skyline 不支持 web 标准的层叠上下文所致,只有在同层级的节点之前应用 z-index才有效,可根据实际情况调整取值

  • weui 扩展库无法使用

平台正在支持扩展库,预计近期上线。建议开发者使用 npm 安装 weui 组件库 后,将 node_ modules/weui-miniprogram 下的miniprogram_ dist 替换为 链接 中的 miniprogram_dist,然后在微信开发中工具中构建 npm 即可。

  • 不支持组件 animate 动画接口

暂不支持组件 animate 动画接口。如需实现相关效果,可使用 worklet 动画机制 实现

  • svg 渲染不正确

Skyline 上的 SVG 不支持 <style> 选择器匹配,可自行转成内联的方式;不支持 rgba 格式,可使用 fill-opacity 替代;建议用 SVGO 在线工具优化

  • scroll-view 横向滚动不生效

横向滚动需打开 enable-flex 以兼容 WebView,同时 scroll-view 添加样式 display: flex; flex-direction: row;,scroll-view 子节点添加样式  flex-shrink: 0;

  • icon-font 图标不显示

最新版本已支持伪元素,低版本可参考 代码片段 实现图标



相关主页:
120150浏览
最后一次编辑于  2023-10-18
知识库内容非实时更新,可能已过期、失效或不适用于当前情形,请谨慎参考
收藏
反馈

22 个评论

  • 彡( ̄_ ̄;)彡
    彡( ̄_ ̄;)彡
    06-19

    就微信小程序的这个bug修复频率和速度以及修复过程再创造bug的能力,你们都敢用skyline,可以的啊。

    这兼容性只能用垃圾来形容,

    06-19
    赞同 5
    回复 2
    • 拒绝者
      拒绝者
      06-28
      哈哈, 不遇到问题还好,遇见问题他们修的又慢,群里反馈问题还经常不回复 ,就很想骂人,  而且不支持热更新,不支持热更新简直是折磨人
      06-28
      回复
    • 年少当轻狂
      年少当轻狂
      07-04
      我现在都后悔用了,就这个兼容性,真服了
      07-04
      回复
  • C.K.
    C.K.
    2天前

    用了skyline之后,整个页面居然不能上下滑动,还要用什么scroll-view,这不是搞笑吗?页面上下滑动算是一个基本要求吧

    2天前
    赞同
    回复
  • 三毛
    三毛
    11-28

    唉,真是无语了,非要自己再造一套,tips 一大堆,用了一个项目简直是崩溃,感觉是在做测试,真感觉没把这些开发者当回事,不然不会推这么个东西给大家用。

    11-28
    赞同
    回复
  • 小李
    小李
    11-21

    skyline

    1、一大堆警告,强迫症看了很烦,

    2、scrollview 设置margin 失效

    3、通用样式在组件中失效

    11-21
    赞同
    回复
  • 山里一颗星
    山里一颗星
    11-12

    好多问题,再等纪几年。

    11-12
    赞同
    回复
  • 茶甜的猫
    茶甜的猫
    10-22

    skyline模式 image不支持mode="aspectFill"吗 怎么解决

    10-22
    赞同
    回复
  • 藏起来的海🌊
    藏起来的海🌊
    10-12

    skyline 模式下自定义tabbar组件不展示,真机/预览都不展示

    10-12
    赞同
    回复
  • 临·渊
    临·渊
    09-27

    skyline  Video组件 目前遇到这些问题

    1、 全屏时无法覆盖TabBar

    2、横屏视频 全屏 退出时,部分Android机依然在横屏模式

    3、点击全屏按钮和退出全屏时 不触发bindfullscreenchange事件

    4、视频播放时, 部分Android机在进入下一个页面时,视频依然在播放



    09-27
    赞同
    回复
  • 周州
    周州
    08-01

    Skyline 支持按页面粒度开启”,这个要怎么做,我再某个页面设置 "renderer": "skyline" 就会报

    这不就是全局配置么

    08-01
    赞同
    回复 1
    • public
      public
      11-11
      这个是是 skyline 的配置参数, 需要在全局配置, 配置例如  "rendererOptions": {
                "skyline": {
                  "disableABTest": true,
                  "defaultDisplayBlock": true, // 因为 flex 布局的默认值与 web 不一致
                  "tagNameStyleIsolation": "legacy",
                  "sdkVersionBegin": "3.0.1", // 基础库最低版本
                  "sdkVersionEnd": "15.255.255" // 填最大值,否则之后的新版本会不生效
              }},  然后在子页面使用 renderer
      11-11
      回复
  • 余额翻一樊先生
    余额翻一樊先生
    07-19

    skyline中怎么监听模块曝光


    07-19
    赞同
    回复

正在加载...

登录 后发表内容