ionic

用途：Ionic Framework 是开源 UI 工具包，用于以 Web 技术（HTML、CSS、JavaScript）配合 Angular、React、Vue 集成，构建高质量移动与桌面应用。适合 Web 优先的跨平台应用、设计系统一致性、混合 PWA 加应用商店部署，以及企业 CRUD 应用快速交付。\n\n主要能力：组件自动适配 iOS（Cupertino）与 Android（Material Design）的样式、排版、涟漪效果和图标位置；IonRouterOutlet 为 iOS 与 Android 维护独立页面导航栈并缓存页面以保留滚动位置；提供 useIonViewDidEnter、useIonViewDidLeave 等 Ionic 生命周期钩子，在视图进入或离开活动导航栈时触发；可结合 @capacitor-community/biometric-auth 实现 FaceID/TouchID 生物认证；支持虚拟滚动。\n\n使用方式：全局安装 CLI 后创建项目并启动，例如安装命令 npm install -g @ionic/cli，创建 React 带标签页应用 ionic start myApp tabs --type=react --capacitor，进入目录 ionic serve。组件从 @ionic/react 等包导入，路由使用 IonReactRouter 与 IonRouterOutlet。主题通过 CSS 变量（如 --ion-color-primary、--ion-background-color）定制。\n\n最佳实践与限制：应使用 Capacitor 而非 Cordova 进行原生访问；长列表用虚拟滚动避免 DOM 膨胀；处理 Android 硬件返回键和 iOS 滑动返回手势。避免在 WebView 中放置重动画，忽略刘海屏安全区域，或混用非 Ionic 模态系统。常见问题包括启动 JavaScript 错误导致白屏、设备上跨域错误、键盘遮挡输入框等，可分别通过远程调试、服务端 CORS 配置或使用 ion-content 排查。具体收费、价格信息暂未提供。