有两种方法可以将设计的动作添加到 React Native 应用程序中。一种是使用 Reanimated 等库手动重建它。另一种是通过运行时播放设计工具中制作的文件。 ExodeUI采用第二种方法。
您可以在 ExodeUI 中设计组件及其状态、转换、弹簧物理和逻辑。结果是一个 .exode JSON 文件。在您的应用程序中，ExodeUI React Native 运行时播放该文件，并且您的代码控制它：在加载请求时设置布尔输入，在成功时触发触发器，或者从滑块或滚动位置设置数字。动画还可以将事件发送回您的代码。
这意味着只要输入和事件保持不变，设计人员就可以更改时间、颜色或状态，而无需开发人员重写动画代码。由于文件是共享的，因此可以在 React Web 应用程序、SwiftUI 应用程序或 Flutter 应用程序中使用相同的组件。
如果您想要手写代码，例如因为您需要完全控制或有严格的捆绑限制，Reanimated 仍然是 React Native 中的标准选择。有些团队同时使用两者：用于核心导航的手写动作和用于更丰富组件的运行时文件。
与任何运行时一样，在将其用于关键屏幕之前，请在您支持的设备（尤其是较旧的 Android 手机）上进行测试。