# 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-header、sticky-section | Ceiling Layout Container |
nested-scroll-header、nested-scroll-body | nested scroll-view Nodes used in the scene, supported only as |
list-view | List layout containers are supported only as |
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 |