---
title: Skyline 渲染引擎 / 支持与差异 / 基础组件
---

# Skyline 基础组件支持与差异

## 通用特性

| 特性 | 支持情况 |
| --- | ------- |
| 无障碍访问 | 暂只支持 aria-role / label / hidden / disabled | 
| DarkMode | 支持 | 
| 原生组件 | 均支持同层渲染 | 
| WeUI v2 | 支持 | 

## 组件支持情况

总体来说，高频组件基本已支持，已标记为废弃的特性在 Skyline 下不会考虑支持。以下列出基础组件的整体情况，具体细节可跳转到对应组件文档查看

| 组件 | 支持情况 | 组件差异与备注 |
| --- | ------- | --- |
| [text](/miniprogram/dev/api/media/map/wx.createMapContext.md) | 基本支持 | 内联文本只能用 text 组件；可通过 span 组件与 text / image 内联；|
| [view](/miniprogram/dev/api/base/performance/wx.preloadWebview.md) / [cover-view](/miniprogram/dev/component/cover-view.md) | 完全支持 | 涉及文本节点见 text 组件 |
| [image](/miniprogram/dev/api/base/performance/wx.preloadAssets.md) / [cover-image](/miniprogram/dev/component/cover-image.md) | 基本支持 | SVG 支持度已完善；部分低频 mode 未支持 |
| [button](/miniprogram/dev/component/button.md) | 完全支持 | |
| [scroll-view](/miniprogram/dev/api/wxml/NodesRef.scrollOffset.md) | 完全支持 | 需显式指定 `type="list"`；部分属性无需对齐；额外支持大量新特性 |
| [swiper](/miniprogram/dev/component/swiper.md) / [swiper-item](/miniprogram/dev/component/swiper.md) | 完全支持 | 增强大量特性 |
| [input](/miniprogram/dev/component/input.md) / [textarea](/miniprogram/dev/api/device/keyboard/wx.getSelectedTextRange.md) | 完全支持 | 光标选区、菜单略有不同 |
| [navigator](/miniprogram/dev/component/navigator.md) | 完全支持 | 只能嵌套 text 组件或文本节点；可通过 span 组件与 text/image 内联 |
| [map](/miniprogram/dev/component/map.md) | 完全支持 | 开发者工具暂未支持调试，请使用真机预览 |
| [canvas](/miniprogram/dev/api/canvas/wx.canvasGetImageData.md) | 完全支持 | 开发者工具暂未支持调试，请使用真机预览 |
| [radio](/miniprogram/dev/component/label.md) / [radio-group](/miniprogram/dev/component/radio-group.md) | 完全支持 | |
| [label](/miniprogram/dev/component/label.md) | 完全支持 | |
| [video](/miniprogram/dev/api/media/video/VideoContext.md) | 基本支持 | 全屏在 3.3.0 已支持，投屏暂未支持，开发者工具暂未支持调试，请使用真机预览 |
| [checkbox](/miniprogram/dev/component/checkbox.md) / [checkbox-group](/miniprogram/dev/component/checkbox-group.md) | 完全支持 | |
| [picker](/miniprogram/dev/component/form.md) | 完全支持 | |
| [camera](/miniprogram/dev/api/media/voip/wx.joinVoIPChat.md) | 完全支持 | 开发者工具暂未支持调试，请使用真机预览 |
| [root-portal](/miniprogram/dev/component/root-portal.md) | 完全支持 | |
| [form](/miniprogram/dev/api/ai/visionkit/VKFrame.getDisplayTransform.md) | 完全支持 | |
| [ad](/miniprogram/dev/api/ai/visionkit/VKSession.addMarker.md) | 完全支持 | |
| [official-account](/miniprogram/dev/component/official-account.md) | 完全支持 |
| [functional-page-navigator](/miniprogram/dev/component/functional-page-navigator.md) | 支持中 |
| [live-player](/miniprogram/dev/component/live-player.md) / [live-pusher](/miniprogram/dev/component/live-pusher.md) | 完全支持 |
| [picker-view](/miniprogram/dev/component/picker-view.md) | 基本支持 | indicator-class/mask-style 属性暂未支持 |
| [voip-room](/miniprogram/dev/component/voip-room.md) | 完全支持 | |
| [rich-text](/miniprogram/dev/component/rich-text.md) | 完全支持 | 渲染结果可能略为不同，涉及到样式支持度；mode=web 时则完全对齐 webview |
| [match-media](/miniprogram/dev/component/match-media.md) | 待考虑 | |
| keyboard-accessary | 待考虑 | 可通过 input 的 worklet:onkeyboardheightchange 回调实现 |
| [page-meta](/miniprogram/dev/component/navigation-bar.md) | 基本支持 | 与全局滚动相关的属性不支持 |
| [editor](/miniprogram/dev/api/media/editor/EditorContext.md) | 暂不考虑 | |
| [web-view](/miniprogram/dev/component/web-view.md) | 暂不考虑 | 建议承载 web-view 的页面单独配置 `"renderer": "webview"` |
| [movable-area](/miniprogram/dev/component/movable-area.md) / [movable-view](/miniprogram/dev/component/movable-view.md) | 暂不考虑 | 可用手势 + worklet 动画方案替代 |
| [page-container](/miniprogram/dev/component/page-container.md) | 基本支持 | |
| [share-element](share-element) | 完全支持 | 与 WebView 使用方式有异，特性有所增强 |
| [icon](/miniprogram/dev/component/icon.md) | 完全支持 | |
| [progress](/miniprogram/dev/component/progress.md) | 暂不考虑 | |
| [slider](/miniprogram/dev/component/form.md) | 完全支持 | |
| [switch](/miniprogram/dev/api/media/live/LivePlayerContext.switchCasting.md) | 完全支持 | |
| [xr-frame](/miniprogram/dev/component/xr-frame/overview/) | 暂未支持 | |
| [navigation-bar](/miniprogram/dev/component/navigation-bar.md) | 不考虑 | Skyline 只能用自定义导航 |
| [open-data](/miniprogram/dev/component/open-data.md) | 完全支持 | 已废弃特性不支持 |

## Skyline 新增组件

| 组件 | 组件说明 |
| --- | ------- |
| [span](/miniprogram/dev/component/aria-component.md) | 用于支持内联文本和 image / navigator 的混排 |
| [snapshot](/miniprogram/dev/api/media/live/LivePlayerContext.snapshot.md) | 截图组件 |
| [sticky-header](/miniprogram/dev/component/sticky-header.md)、[sticky-section](/miniprogram/dev/component/sticky-section.md) | 吸顶布局容器 |
| [nested-scroll-header](/miniprogram/dev/component/nested-scroll-header.md)、[nested-scroll-body](/miniprogram/dev/component/nested-scroll-body.md) | 嵌套 [scroll-view](/miniprogram/dev/api/wxml/NodesRef.scrollOffset.md) 场景中使用的节点，仅支持作为 `<scroll-view type="nested">` 模式的直接子节点 |
| [list-view](/miniprogram/dev/component/list-view.md) | 列表布局容器，仅支持作为 `<scroll-view type="custom">` 模式的直接子节点或 [sticky-section](/miniprogram/dev/component/sticky-section.md) 组件直接子节点 |
| [grid-view](/miniprogram/dev/component/grid-view.md) | Skyline 下网格布局容器 和 瀑布流布局容器 |
| [draggable-sheet](/miniprogram/dev/api/skyline/DraggableSheetContext.scrollTo.md) | 半屏可拖拽组件 |
| [double-tap-gesture-handler](/miniprogram/dev/component/double-tap-gesture-handler.md) | 双击时触发手势 |
| [force-press-gesture-handler](/miniprogram/dev/component/force-press-gesture-handler.md) | iPhone 设备重按时触发手势 |
| [horizontal-drag-gesture-handler](/miniprogram/dev/component/horizontal-drag-gesture-handler.md) | 横向滑动时触发手势 |
| [long-press-gesture-handler](/miniprogram/dev/component/long-press-gesture-handler.md) | 长按时触发手势 |
| [pan-gesture-handler](/miniprogram/dev/component/pan-gesture-handler.md) | 拖动（横向/纵向）时触发手势 |
| [scale-gesture-handler](/miniprogram/dev/component/scale-gesture-handler.md) | 多指缩放时触发手势 |
| [tap-gesture-handler](/miniprogram/dev/component/tap-gesture-handler.md) | 点击时触发手势 |
| [vertical-drag-gesture-handler](/miniprogram/dev/component/vertical-drag-gesture-handler.md) | 纵向滑动时触发手势 |