Skip to main content
Language繁體中文
工程4 分鐘閱讀2026 年 10 月

ExodeUI可以用在React Native上嗎?

簡短回答

是的。 ExodeUI 有一個 React Native 運行時包,可在應用程式內播放 .exode 檔案。它不會產生 Reanimated 代碼:動畫保留在一個打開的 JSON 檔案中,您的應用程式程式碼透過設定輸入和偵聽事件來驅動它。相同的檔案也可以在Web、SwiftUI和Flutter上運作。

核心要點

  • ExodeUI 隨附 React Native 運行時包
  • 它播放.exode檔案;它不會為您編寫 Reanimated 或手勢處理程序程式碼
  • 應用程式代碼設定輸入(布林值、數字、觸發器)並偵聽事件
  • 相同的檔案在 React、Vue、Svelte、Angular、Solid、SwiftUI 和 Flutter 中運行
  • 在真實設備上測試您的效能目標

有兩種方法可以將設計的動作添加到 React Native 應用程式中。一種是使用 Reanimated 等函式庫手動重建它。另一種是透過運行時播放設計工具中製作的檔案。 ExodeUI採用第二​​種方法。

您可以在 ExodeUI 中設計組件及其狀態、轉換、彈簧物理和邏輯。結果是一個 .exode JSON 檔案。在您的應用程式中,ExodeUI React Native 運行時播放該文件,並且您的程式碼控制它:在載入請求時設定布林輸入,在成功時觸發觸發器,或從滑桿或捲動位置設定數字。動畫還可以將事件發送回您的程式碼。

這意味著只要輸入和事件保持不變,設計人員就可以更改時間、顏色或狀態,而無需開發人員重寫動畫程式碼。由於檔案是共享的,因此可以在 React Web 應用程式、SwiftUI 應用程式或 Flutter 應用程式中使用相同的元件。

如果您想要手寫程式碼,例如因為您需要完全控製或有嚴格的捆綁限制,Reanimated 仍然是 React Native 中的標準選擇。有些團隊同時使用兩者:用於核心導航的手寫動作和用於更豐富元件的執行時間檔案。

與任何運行時一樣,在將其用於關鍵螢幕之前,請在您支援的裝置(尤其是較舊的 Android 手機)上進行測試。

常見問題

ExodeUI 是否產生 Reanimated 程式碼?

不。它提供了播放 .exode 檔案的運行時。您的程式碼透過輸入和事件控制動畫。

與世博會合作嗎?

在開始之前,請檢查 React Native 運行時文件以了解當前的 Expo 支援。

同樣的動畫可以在iOS和Android上運行嗎?

是的。 React Native 運行時在兩個平台上播放相同的檔案。

如何從我的應用程式觸發動畫?

設定輸入或觸發檔案中定義的觸發器,例如「按下」布林值或「成功」觸發器。

相關指南和範例

嘗試在行動裝置上執行的組件

開啟免費的 ExodeUI 範例並查看 React Native 應用程式將控制的輸入和事件。

打開範例
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →