Ionic React 概览
@ionic/react 将 Ionic 框架的全部能力带给 React 开发者。它与 React 生态系统无缝集成,让您能够使用熟悉的 React 工具、组件和最佳实践来构建高质量的跨平台应用。您还可以使用 Ionic 丰富的 UI 组件库和原生能力。
React 版本支持
Ionic React 支持最新的 React 版本。有关支持版本和支持 政策的详细信息,请参阅 Ionic React 支持政策。
React 工具
Ionic React 与 React CLI 及流行的 React 工具无缝协作。您可以使用自己喜欢的库进行状态管理、测试等。Ionic React 设计为自然融入 React 生态系统,因此您可以使用 Create React App、Vite 或 Next.js 等工具来搭建和构建应用。
原生工具
Capacitor 是官方跨平台运行时,使您的应用能够通过单一代码库在 iOS、Android 和 Web 上原生运行。
安装
$ npm install -g @ionic/cli
$ ionic start myApp tabs --type react
$ cd myApp
$ ionic serve █
资源
快速搭建您的第一个 Ionic React 应用,了解框架和 CLI 的基础知识。
从官方 React 文档中了解更多关于 React 核心概念、工具和最佳实践的信息。
了解如何使用 React Router 在 Ionic React 应用中处理路由和导航。
探索 Ionic 丰富的 UI 组件库,用于构建精美的应用。
了解如何使用 Ionic 强大的主题系统自定义应用的外观和风格。
探索如何使用原生设备功能,并通过 Capacitor 将应用部署到 iOS、Android 和 Web。