有兩種方法可以將設計的動作添加到 React Native 應用程式中。一種是使用 Reanimated 等函式庫手動重建它。另一種是透過運行時播放設計工具中製作的檔案。 ExodeUI採用第二種方法。
您可以在 ExodeUI 中設計組件及其狀態、轉換、彈簧物理和邏輯。結果是一個 .exode JSON 檔案。在您的應用程式中,ExodeUI React Native 運行時播放該文件,並且您的程式碼控制它:在載入請求時設定布林輸入,在成功時觸發觸發器,或從滑桿或捲動位置設定數字。動畫還可以將事件發送回您的程式碼。
這意味著只要輸入和事件保持不變,設計人員就可以更改時間、顏色或狀態,而無需開發人員重寫動畫程式碼。由於檔案是共享的,因此可以在 React Web 應用程式、SwiftUI 應用程式或 Flutter 應用程式中使用相同的元件。
如果您想要手寫程式碼,例如因為您需要完全控製或有嚴格的捆綁限制,Reanimated 仍然是 React Native 中的標準選擇。有些團隊同時使用兩者:用於核心導航的手寫動作和用於更豐富元件的執行時間檔案。
與任何運行時一樣,在將其用於關鍵螢幕之前,請在您支援的裝置(尤其是較舊的 Android 手機)上進行測試。