Υπάρχουν δύο τρόποι για να μεταφέρετε σχεδιασμένη κίνηση σε μια εφαρμογή React Native. Το ένα είναι να το ξαναφτιάξετε με το χέρι με μια βιβλιοθήκη όπως η Reanimated. Το άλλο είναι να αναπαράγετε ένα αρχείο που δημιουργήθηκε σε ένα εργαλείο σχεδίασης μέσω ενός χρόνου εκτέλεσης. Το ExodeUI ακολουθεί τη δεύτερη προσέγγιση.
Σχεδιάζετε το στοιχείο στο ExodeUI με τις καταστάσεις, τις μεταβάσεις, τη φυσική του ελατηρίου και τη λογική του. Το αποτέλεσμα είναι ένα αρχείο .exode JSON. Στην εφαρμογή σας, ο χρόνος εκτέλεσης ExodeUI React Native αναπαράγει αυτό το αρχείο και ο κώδικάς σας το ελέγχει: ορίστε μια δυαδική είσοδο κατά τη φόρτωση ενός αιτήματος, ενεργοποιήστε έναν κανόνα όταν αυτό πετύχει ή ορίστε έναν αριθμό από ένα ρυθμιστικό ή μια θέση κύλισης. Το κινούμενο σχέδιο μπορεί επίσης να στείλει συμβάντα πίσω στον κώδικά σας.
Αυτό σημαίνει ότι ένας σχεδιαστής μπορεί να αλλάξει το χρόνο, τα χρώματα ή μια κατάσταση χωρίς προγραμματιστής να ξαναγράφει τον κώδικα κινούμενων εικόνων, εφόσον οι είσοδοι και τα συμβάντα παραμένουν ίδια. Επειδή το αρχείο είναι κοινόχρηστο, το ίδιο στοιχείο μπορεί να χρησιμοποιηθεί σε μια εφαρμογή ιστού React, μια εφαρμογή SwiftUI ή μια εφαρμογή Flutter.
Αν θέλετε αντί αυτού χειρόγραφο κώδικα, για παράδειγμα επειδή χρειάζεστε πλήρη έλεγχο ή έχετε αυστηρά όρια δέσμης, το Reanimated παραμένει η τυπική επιλογή στο React Native. Ορισμένες ομάδες χρησιμοποιούν και τα δύο: χειρόγραφη κίνηση για πλοήγηση πυρήνα και αρχεία χρόνου εκτέλεσης για πιο πλούσια στοιχεία.
Όπως με κάθε χρόνο εκτέλεσης, δοκιμάστε τις συσκευές που υποστηρίζετε, ειδικά τα παλαιότερα τηλέφωνα Android, προτού βασιστείτε σε αυτό για κρίσιμες οθόνες.