收藏
评论

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 图标不显示

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



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

20 个评论

  • 陈德立
    陈德立
    06-01

    createIntersectionObserver.observe方法在skyline scroll-view type="nested"下失效

    06-01
    赞同
    回复
  • 西柚
    西柚
    05-14

    能否考虑下支持svg渲染,能渲染静态svg就行,图标整个颜色老费劲了

    05-14
    赞同
    回复
  • 三毛
    三毛
    05-01

    更新最新开发工具,

    https://developers.weixin.qq.com/s/dIEJvSmt7ELw 官方这个例子,为什么报错?

    2[skyline-devtools] The current public lib is not support skyline feature.(env: Windows,mp,1.06.2401020; lib: 3.1.2)


    skyline可以用吗,现在?

    05-01
    赞同
    回复 1
    • 冷暖自知🍃
      冷暖自知🍃
      05-10
      今天试了一个单页面 好多bug 而且官网还在修复中
      05-10
      2
      回复
  • 加加大叔
    加加大叔
    04-29

    skyline模式下iconfont图标不显示的问题还存在,两种写法试了都不行。用文中的代码示例,在我手机上预览也存在一个图标显示不出来

    基础库版本:3.4.3

    ios版本:16.3.1

    手机型号:iphone 12

    04-29
    赞同
    回复
  • zz@zz
    zz@zz
    04-23

    skyline 不支持vant-icon图标吗

    vant最新包,渲染是这样的

    04-23
    赞同
    回复 1
  • 杨
    03-12

    小程序在某个页面使用 "renderer": "skyline", 真机调试后为什还是webview?


    03-12
    赞同
    回复 1
    • 从君华
      从君华
      03-16
      调试的时候可以手动设置下
      03-16
      回复
  • 方涤生
    方涤生
    03-07

    实现代码:

    <!-- 顶部问候语 -->

    ......

    <view wx:else style="padding-left: 50rpx; margin-top: 200rpx;" bind:tap="notShowDelete">

        <view class="font_size_60" style="color: white;" wx:if="{{hours < 3}}"> 深夜好 </view>

        <view class="font_size_60" style="color: white;" wx:elif="{{hours < 11}}"> 早上好 </view>

        <view class="font_size_60" style="color: white;" wx:elif="{{hours < 13}}"> 中午好 </view>

        <view class="font_size_60" style="color: white;" wx:elif="{{hours < 19}}"> 下午好 </view>

        <view class="font_size_60" style="color: white;" wx:else> 晚上好 </view>

    </view>

    <scroll-view type="list"class="content" scroll-y style="padding-left: 40rpx; padding-right: 40rpx; display: flex;flex-direction:column; " bind:tap="notShowDelete">

    ......

    <!-- 无设备展示 -->

        <view class="noDevice" style="display: flex;  flex-direction:column; align-items: center;" wx:if="{{deviceList.length == 0}}">

            <image src="/images/Home/addDevice.png" style=" margin-top: 200rpx; width: 150rpx; height: 150rpx; " bindtap='addDevice' mode="aspectFill"/>

            <text style="color: rgb(252, 250, 250); margin-top:40rpx"> 暂未绑定设备 </text>

        </view>

    </scroll-view>

    03-07
    赞同
    回复
  • 方涤生
    方涤生
    03-07

    迁移到Skyline就乱了,文本和图标都显示不出来。已经加了上面说的scroll-view,flex-direction:row

    左图是Webview,右图是Skyline

    03-07
    赞同
    回复
  • @czy
    @czy
    03-04

    skyline下 点击生成骨架屏没有反应

    03-04
    赞同
    回复 1
  • x
    x
    02-20

    已经4个多月了,skyline什么时候支持weui扩展库呀,可以透露下大概时间吗?

    02-20
    赞同
    回复 2

正在加载...

登录 后发表内容