Skyline 基础组件支持与差异
Skyline 基础组件支持与差异
通用特性
| 特性 | 支持情况 |
|---|---|
| 无障碍访问 | 暂只支持 aria-role / label / hidden / disabled |
| DarkMode | 支持 |
| 原生组件 | 均支持同层渲染 |
| 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 | 基本支持 | -class/-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 场景中使用的节点,仅支持作为 模式的直接子节点 |
| list-view | 列表布局容器,仅支持作为 模式的直接子节点或 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 | 纵向滑动时触发手势 |
浙公网安备 33010602011771号