# Skyline Basic Component Support and Differences

# General characteristics

Characteristic Support
Accessibility Support only temporarily aria-role / label / hidden / disabled
DarkMode Support
Native components Supports the same layer rendering
WeUI v2 Support

# Component support

Overall, the HF components are basically supported, and the features that have been marked as deprecated in the Skyline Support will not be considered. The following is an overview of the underlying components, with details jumping to the component documentation

assembly
Support Component Differences and Notes
text Basic support Inline text can only be used text assemblyAvailable through span Components and text / image Inline
view / cover-view Full support Involving text nodes see text assembly
image / cover-image Basic support SVG Support is complete.Partial low frequency mode Not supported
button Full support
scroll-view Basic support To be explicitly specified type="list"Some properties are not alignedAdditional support for a large number of new features
swiper / swiper-item Basic support Some low frequency properties are not alignedEnhanced large number of features
[input](/miniprogram/dev/component/input? property=skyline ) / texting Full support Cursor selection, menu slightly different
navigator Full support Can only be nested text Component or text nodeAvailable through span Components and text/image Inline
map Full support Developer tools do not support debugging, please use the real machine preview
canvas Full support Developer tools do not support debugging, please use the real machine preview
Radio / radio-group Full support
label Full support
video Basic support Full screen in 3.3.0 Supported, screen casting is not supported, developer tools are not supported for debugging, please use the real machine preview
checkbox / checkbox-group Full support
picker Full support
Camera Full support Developer tools do not support debugging, please use the real machine preview
root-portal Full support
form Full support
[ad](/miniprogram/dev/component/ad? property=skyline ) Full support
official-account Full support
functional-page-navigator In Support
live-player / live-pusher Full support
picker-view Basic support -class/-style Series properties not supported
voip-room Full support
rich-text Full support Rendering results may vary slightly in relation to style supportmode=web When fully aligned webview
match-media To be considered
keyboard-accessary To be considered Available through input of worklet:onkeyboardheightchange Callback implementation
page-meta Basic support Properties related to global scrolling are not supported
editor Not for the time being
web-view Not for the time being Proposed bearing web-view The pages are configured individually "renderer": "webview"
movable-area / movable-view Not for the time being Available gestures + worklet Alternative animation scheme
page-container Basic support
share-element Full support and WebView The use of different, features enhanced
icon Full support
progress Not for the time being
[slider](/miniprogram/dev/component/slider? property=skyline ) Full support
switch Full support
[xr - frame ]((xr - frame )) Not yet supported
navigation-bar No consideration Skyline Can only use custom navigation
open-data No consideration Abandoned

# Skyline New components

assembly
Component Dxplaination
span Used to support inline text and image / navigator Mixed platoon
snapshot Screenshot Component
sticky-headersticky-section Ceiling Layout Container
nested-scroll-headernested-scroll-body nested scroll-view Nodes used in the scene, supported only as Direct child nodes of the pattern
list-view List layout containers are supported only as The immediate child node of the pattern or the sticky-section Component direct child node
grid-view Skyline Lower Grid Layout Container and Waterfall Flow Layout Container
draggable-sheet Half-screen draggable component
double-tap-gesture-handler Trigger gesture when double-clicking
force-press-gesture-handler iPhone Device reset trigger gesture
[horizontal-drag-gesture-handler ]((horizontal-drag-gesture-handler )) Trigger gesture when swiping sideways
long-press-gesture-handler Long trigger gesture
[pan-gesture-handler ]((pan-gesture-handler )) Drag (Horizontal/Trigger gesture when portrait)
scale-gesture-handler Trigger gesture when multifinger zoom
tap-gesture-handler Trigger gesture when clicked
vertical-drag-gesture-handler Trigger gesture when swiping lengthwise