通用特性
| 特性 | 支持情况 |
|---|---|
| 无障碍访问 | 暂时只支持 aria-role、label、hidden、disabled |
| 深色模式 | 支持 |
| 原生组件 | 都支持同层渲染 |
| WeUI v2 | 支持 |
组件支持情况
总体来说,常用的组件基本都已经支持,已经标记为废弃的特性在 Skyline 下不会考虑支持。下面列出基础组件的整体情况,具体细节可以跳转到对应组件文档查看。
组件 | 支持情况 | 组件差异与备注 |
|---|---|---|
| text | 基本支持 | 内联文本只能用 text 组件;可以通过 span 组件与 text 或 image 内联; |
| view / cover-view | 完全支持 | 涉及文本节点请参考 text 组件 |
| image / cover-image | 基本支持 | SVG 支持度已经完善;部分不常用的 mode 未支持 |
| button | 完全支持 | |
| scroll-view | 完全支持 | 需要显式指定 type="list";部分属性不需要对齐;额外支持大量新特性 |
| swiper / swiper-item | 完全支持 | 增强了大量特性 |
| input / textarea | 完全支持 | 光标选区、菜单略有不同 |
| navigator | 完全支持 | 只能嵌套 text 组件或文本节点;可以通过 span 组件与 text 或 image 内联 |
| map | 完全支持 | 开发者工具暂时不支持调试,请使用真机预览 |
| canvas | 完全支持 | 开发者工具暂时不支持调试,请使用真机预览 |
| radio / radio-group | 完全支持 | |
| label | 完全支持 | |
| video | 基本支持 | 全屏在 3.3.0 版本已经支持,投屏暂时不支持,开发者工具暂时不支持调试,请使用真机预览 |
| checkbox / checkbox-group | 完全支持 | |
| picker | 完全支持 | |
| camera | 完全支持 | 开发者工具暂时不支持调试,请使用真机预览 |
| root-portal | 完全支持 | |
| form | 完全支持 | |
| ad | 完全支持 | |
| official-account | 完全支持 | |
| functional-page-navigator | 支持中 | |
| live-player / live-pusher | 完全支持 | |
| picker-view | 基本支持 | indicator-class 和 mask-style 属性暂时不支持 |
| voip-room | 完全支持 | |
| rich-text | 完全支持 | 渲染结果可能略有不同,涉及到样式支持度;当 mode=web 时则完全与 webview 对齐 |
| match-media | 待考虑 | |
| keyboard-accessary | 待考虑 | 可以通过 input 的 worklet:onkeyboardheightchange 回调实现 |
| page-meta | 基本支持 | 与全局滚动相关的属性不支持 |
| editor | 暂不考虑 | |
| web-view | 暂不考虑 | 建议承载 web-view 的页面单独配置 "renderer": "webview" |
| movable-area / movable-view | 暂不考虑 | 可以用手势配合 worklet 动画方案替代 |
| page-container | 基本支持 | |
| share-element | 完全支持 | 与 WebView 使用方式不同,特性有所增强 |
| icon | 完全支持 | |
| progress | 暂不考虑 | |
| slider | 完全支持 | |
| switch | 完全支持 | |
| xr-frame | 暂未支持 | |
| navigation-bar | 不考虑 | Skyline 只能用自定义导航 |
| open-data | 完全支持 | 已废弃的特性不支持 |
Skyline 新增组件
组件 | 组件说明 |
|---|---|
| span | 用于支持内联文本和 image、navigator 的混排 |
| snapshot | 截图组件 |
| sticky-header、sticky-section | 吸顶布局容器 |
| nested-scroll-header、nested-scroll-body | 嵌套 scroll-view 场景中使用的节点,仅支持作为 <scroll-view type="nested"> 模式的直接子节点 |
| list-view | 列表布局容器,仅支持作为 <scroll-view type="custom"> 模式的直接子节点或 sticky-section 组件的直接子节点 |
| grid-view | Skyline 下的网格布局容器和瀑布流布局容器 |
| draggable-sheet | 半屏可拖拽组件 |
| double-tap-gesture-handler | 双击时触发手势 |
| force-press-gesture-handler | iPhone 设备重按时触发手势 |
| horizontal-drag-gesture-handler | 横向滑动时触发手势 |
| long-press-gesture-handler | 长按时触发手势 |
| pan-gesture-handler | 拖动(横向或纵向)时触发手势 |
| scale-gesture-handler | 多指缩放时触发手势 |
| tap-gesture-handler | 点击时触发手势 |
| vertical-drag-gesture-handler | 纵向滑动时触发手势 |