# 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 | 列表布局容器,仅支持作为 |
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 | 纵向滑动时触发手势 |