Ionic 首頁

使用 Ionic React 從單一程式碼庫建立原生和漸進式網路應用程式。

開始使用 線上展示 行動裝置線上展示

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。

企業級整合、工具和專家支援，供您下一個任務關鍵應用程式專案使用。

解鎖強大功能，例如安全身分識別、加密離線儲存、雲端建置和即時應用程式更新。

了解更多
Ionic React for Enterprise

Ionic React 與 React Native

Ionic React 並非
React Native 的一對一替代方案。事實上，有一些關鍵差異。

網路標準和 React DOM

基於網路標準和 react-dom 相容的 React 函式庫。許多 React 函式庫不支援 react-native。

一流的漸進式網路應用程式

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