# Skyline Basic Component Support and Differences
# General characteristics
| Characteristic | Status of support |
|---|---|
| Accessibility | The requested URL / hidden / disabled was not found on this server. |
| DarkMode | Support |
| Native components | Both support the same layer of rendering |
| WeUI v2 | Support |
# Component support status
In general, high-frequency components are generally supported, and features marked as obsolete are not considered for support under Skyline. The overall situation of the underlying components is listed below. Details can be viewed by jumping to the relevant component documentation
assembly | Status of support | Component Differences and Notes |
|---|---|---|
| text | Basic Support | Inline text can only be used with text components; Can be inlined with text / image through the span component; |
| view / cover-view | Full support. | For text nodes see text component |
| image / cover-image | Basic Support | SVG support has been improved; Some low frequency modes are not supported |
| button | Full support. | |
| scroll-view | Full support. | Need to explicitly specifytype = "list";Some properties do not need alignment; Additional support for a large number of new features |
| swiper / swiper-item | Full support. | Enhance a number of features |
| input / textarea | Full support. | The cursor areas and menus are slightly different |
| navigator | Full support. | Only text components or text nodes can be nested; Inline with text / image via span component |
| map | Full support. | Developer tools do not support debugging at this time, please use a real-world preview |
| canvas | Full support. | Developer tools do not support debugging at this time, please use a real-world preview |
| radio / radio-group | Full support. | |
| label | Full support. | |
| video | Basic Support | Full screen is supported in 3.3.0, projection is not supported yet, developer tools are not supporting debugging yet, please use a real-world preview |
| checkbox / checkbox-group | Full support. | |
| picker | Full support. | |
| camera | Full support. | Developer tools do not support debugging at this time, please use a real-world preview |
| root-portal | Full support. | |
| form | Full support. | |
| ad | Full support. | |
| official-account | Full support. | |
| functional-page-navigator | Support is on the way | |
| live-player / live-pusher | Full support. | |
| picker-view | Basic Support | Indicator-class / mask-style attributes are not currently supported |
| voip-room | Full support. | |
| rich-text | Full support. | The rendering results may be slightly different, related to style support;The webview is fully aligned when mode = web |
| match-media | To be considered. | |
| keyboard-accessary | To be considered. | Can be achieved by the input worklet: onkeyboardheightchange callback |
| page-meta | Basic Support | Properties related to global scrolling are not supported |
| editor | I don't think about it yet. | |
| web-view | I don't think about it yet. | It is recommended that the page hosting the web-view be configured separately"renderer": "webview" |
| movable-area / movable-view | I don't think about it yet. | Can be replaced by gesture + worklet animation scheme |
| page-container | Basic Support | |
| share-element | Full support. | Different from the way WebView is used, with enhanced features |
| icon | Full support. | |
| progress | I don't think about it yet. | |
| slider | Full support. | |
| switch | Full support. | |
| xr-frame | No support yet. | |
| navigation-bar | Don't think about it | Skyline can only use custom navigation |
| open-data | Full support. | Abandoned properties do not support |
# Skyline New Components
assembly | Component Dxplaination |
|---|---|
| span | Used to support mixing of inline text and image / navigator |
| snapshot | Screenshot component |
| sticky-header 、 sticky-section | Suction layout containers |
| nested-scroll-header 、 nested-scroll-body | Nested scroll-view Nodes used in scenarios, supported only as direct children of the pattern |
| list-view | List layout container, supporting only direct child nodes as pattern or sticky-section component direct child nodes |
| grid-view | Grid layout container and waterfall flow layout container under skyline |
| draggable-sheet | Half-screen draggable components |
| double-tap-gesture-handler | Trigger gestures when you double click |
| force-press-gesture-handler | Trigger gestures on time for iPhone devices |
| horizontal-drag-gesture-handler | Trigger gestures when swiping laterally |
| long-press-gesture-handler | Long time trigger gestures |
| pan-gesture-handler | Trigger gestures when dragging (horizontal / vertical) |
| scale-gesture-handler | Multiple pointers trigger gestures when zooming |
| tap-gesture-handler | Trigger gestures when you click |
| vertical-drag-gesture-handler | Trigger gestures when sliding vertically |