Ionic 主页

使用 Ionic React 从单个代码库构建原生和渐进式 Web 应用程序。

立即开始 实时演示 实时演示

100+ Beautiful React Components

React-optimized mobile and web components for building blazing fast mobile, web, and desktop apps. Ionic React comes with more out-of-the-box controls than native, accelerating custom app design.

  • Cards
  • Lists
  • Action Sheet
Explore components

音乐应用程序演示。
基于 Ionic React 构建。

尝试使用 Ionic React 构建的这个演示音乐应用程序，它遵循最佳实践。注意：由于缺乏合法的公共音乐 API，应用程序实际上不会播放音乐。

Build once, run natively on iOS, Android, Electron, and the Web

Ionic React apps use our Capacitor project (not Cordova) to unlock every native API across iOS, Android, Electron, and Web.

  • Camera
  • Notifications
  • Geolocation

尝试 Ionic React 示例应用程序。

探索示例应用程序是开始学习最佳实践的最佳方法之一。

音乐播放器

此页面上提供的演示是音乐播放器应用程序、基于选项卡的导航和基本用户帐户功能的简单演示

尝试一下

会议应用程序

Ionic 的假会议应用程序是结合了选项卡和菜单导航的应用程序的绝佳示例

尝试一下

StarTrack

一个播放真实音乐的 Apple Music 播放器演示。注意：必须拥有 Apple Music 帐户。

尝试一下

Ionic React for Enterprise。

为您的下一个关键任务应用程序项目提供企业级集成、工具和专家支持。

解锁强大的功能，例如安全身份、加密离线存储、云构建和实时应用程序更新。

了解更多
Ionic React for Enterprise

Ionic React 与 React Native

Ionic React 不是 React Native 的一对一替代品
React Native。事实上，它们之间存在一些关键差异。

Web 标准和 React DOM

基于 Web 标准和与 react-dom 兼容的 React 库。许多 React 库不支持 react-native。

一流的渐进式 Web 应用程序

React Native 不正式支持 PWA。相反，Ionic React 支持 PWA 以及原生 iOS、Android 和 Electron。

在浏览器中构建

通过一流的浏览器开发支持，比以往更快地构建应用程序。您很有可能可以在 Chrome 中构建应用程序的大部分内容！

企业级

Ionic React 受一家致力于企业应用程序开发的公司支持——提供支持的原生插件、DevOps、服务等等。

人们在说

喜欢 Ionic React 吗？

在 Twitter 上告诉我们

开始使用 Ionic React

更快地构建更好的应用程序，全部使用 React


npm install -g @ionic/cli
ionic start --type=react