Ionic React 概述

@ionic/react 为 React 开发者带来了 Ionic Framework 的全部能力。它能与 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 是 Ionic Angular 官方的跨平台运行时，它能让你的应用通过单一代码库在 iOS、Android 和 Web 上原生运行。

安装

$ npm install -g @ionic/cli
$ ionic start myApp tabs --type react

$ cd myApp
$ ionic serve █

资源

快速开始

快速搭建你的第一个 Ionic React 应用，并学习框架和 CLI 的基础知识。

React 文档

从官方 React 文档中了解更多关于 React 核心概念、工具和最佳实践。

导航

了解如何在 Ionic React 应用中使用 React Router 处理路由和导航。

组件

探索 Ionic 丰富的 UI 组件库，用于构建美观的应用。

主题

学习如何使用 Ionic 强大的主题系统来自定义应用的外观和风格。

Capacitor 文档

探索如何使用 Capacitor 访问原生设备功能，并将你的应用部署到 iOS、Android 和 Web。