用途:面向使用微信小程序 Skyline 渲染引擎开发时的开发指南,覆盖组件、样式、动画、路由、滚动 API 和配置迁移。当开发基于 Skyline 的小程序、使用 Skyline 专有组件(如 scroll-view 增强模式、draggable-sheet、share-element)、实现 worklet 动画(SharedValue、timing、spring、decay)、使用自定义路由与页面转场(routeBuilder、open-container)、检查 WXSS/CSS 兼容性、在 app.json / page.json 配置渲染器、从 WebView 迁移到 Skyline、或使用 ScrollViewContext、DraggableSheetContext 等滚动 API 时触发。
主要能力:技能分为 7 个模块,可通过 Read 工具读取对应参考文件:概览与迁移(架构、性能、getSkylineInfo、preloadSkylineView、changelog);JSON 配置(app.json、page.json、project.config.json);组件(scroll-view 增强模式、nested-scroll、list-grid-view、sticky、draggable-sheet、swiper、input、image、text、share-element、snapshot);WXSS(基础、布局 flex/grid、文本、视觉 filter/渐变/mask、动画与过渡);worklet 动画(SharedValue、派生值、timing/spring/decay、easing、combine、runOnUI/runOnJS 线程通信);自定义路由(custom-route、7 种预设路由、pop 手势、open-container、navigateTo 与路由事件);滚动 API(ScrollViewContext、DraggableSheetContext、worklet 滚动上下文与常见滚动模式)。
使用方式:在 app.json 中启用 Skyline,示例:{"renderer": "skyline", "rendererOptions": {"skyline": {"defaultDisplayBlock": true, "defaultContentBox": true, "disableABTest": true}}, "componentFramework": "glass-easel", "lazyCodeLoading": "requiredComponents"}。基础页面结构需用 <scroll-view type="list" scroll-y style="height: 100vh"> 包裹内容;注意 Skyline 中页面默认不滚动,必须使用 scroll-view 才能滚动内容。
适用场景:Skyline 渲染引擎下的小程序组件开发、样式兼容排查、worklet 动画实现、自定义转场与滚动控制,以及 WebView 到 Skyline 的迁移。
限制:资料仅提供模块索引与文件路径、启用配置和基础页面结构示例,未提供各组件的具体参数、API 签名、性能数据与版本要求,需查阅对应参考文件。未提及收费、价格或平台支持信息。