Có hai cách để đưa chuyển động được thiết kế vào ứng dụng React Native. Một là xây dựng lại nó bằng tay với một thư viện như Reanimated. Cách khác là phát tệp được tạo bằng công cụ thiết kế trong thời gian chạy. ExodeUI áp dụng cách tiếp cận thứ hai.
Bạn thiết kế thành phần trong ExodeUI với các trạng thái, chuyển tiếp, vật lý lò xo và logic của nó. Kết quả là một tệp .exode JSON. Trong ứng dụng của bạn, thời gian chạy ExodeUI React Native sẽ phát tệp đó và mã của bạn kiểm soát tệp đó: đặt đầu vào boolean khi yêu cầu đang tải, kích hoạt trình kích hoạt khi yêu cầu thành công hoặc đặt một số từ vị trí thanh trượt hoặc cuộn. Hoạt ảnh cũng có thể gửi các sự kiện trở lại mã của bạn.
Điều này có nghĩa là nhà thiết kế có thể thay đổi thời gian, màu sắc hoặc trạng thái mà không cần nhà phát triển viết lại mã hoạt ảnh, miễn là đầu vào và sự kiện vẫn giữ nguyên. Vì tệp được chia sẻ nên thành phần tương tự có thể được sử dụng trong ứng dụng web React, ứng dụng SwiftUI hoặc ứng dụng Flutter.
Thay vào đó, nếu bạn muốn mã viết tay, chẳng hạn vì bạn cần toàn quyền kiểm soát hoặc có giới hạn gói nghiêm ngặt, Reanimated vẫn là lựa chọn tiêu chuẩn trong React Native. Một số nhóm sử dụng cả hai: chuyển động viết tay cho các tệp điều hướng cốt lõi và thời gian chạy cho các thành phần phong phú hơn.
Giống như bất kỳ thời gian chạy nào, hãy kiểm tra trên các thiết bị bạn hỗ trợ, đặc biệt là các điện thoại Android cũ hơn, trước khi dựa vào thiết bị đó cho các màn hình quan trọng.