Skip to main content
LanguageSuomi
Tekniikka4 min lukeminenlokakuuta 2026

Voidaanko ExodeUI:ää käyttää mallissa React Native?

Lyhyt vastaus

Kyllä. ExodeUI:ssä on React Native-ajonaikainen paketti, joka toistaa .exode-tiedostoja sovelluksesi sisällä. Se ei luo Reanimated-koodia: animaatio pysyy yhdessä avoimessa JSON-tiedostossa, ja sovelluskoodisi ohjaa sitä asettamalla tuloja ja kuuntelemalla tapahtumia. Sama tiedosto voi toimia myös verkossa, SwiftUI ja Flutter.

Core Takeaway

  • ExodeUI toimittaa React Native-ajonaikaisen paketin
  • Se toistaa .exode-tiedoston; se ei kirjoita Reanimated- tai Gesture Handler -koodia puolestasi
  • Sovelluskoodi asettaa syötteitä (booleaneja, numeroita, laukaisimia) ja kuuntelee tapahtumia
  • Sama tiedosto toimii kohteissa React, Vue, Svelte, Angular, Solid, SwiftUI ja Flutter
  • Testaa suorituskykytavoitteitasi oikeilla laitteilla

Suunniteltu liike saadaan React Native-sovellukseen kahdella tavalla. Yksi on rakentaa se uudelleen käsin kirjastolla, kuten Reanimated. Toinen on suunnittelutyökalulla tehdyn tiedoston toistaminen ajon aikana. ExodeUI ottaa toisen lähestymistavan.

Suunnittelet ExodeUI:n komponentin tiloilla, siirtymillä, jousifysiikalla ja logiikalla. Tuloksena on yksi .exode JSON -tiedosto. Sovelluksessasi ExodeUI React Native -ajoaika toistaa kyseisen tiedoston, ja koodisi hallitsee sitä: aseta boolen syöttö pyynnön latautuessa, käynnistä liipaisin, kun se onnistuu, tai aseta numero liukusäätimestä tai vieritysasennosta. Animaatio voi myös lähettää tapahtumia takaisin koodiisi.

Tämä tarkoittaa, että suunnittelija voi muuttaa ajoitusta, värejä tai tilaa ilman, että kehittäjä kirjoittaa uudelleen animaatiokoodia, kunhan syötteet ja tapahtumat pysyvät samoina. Koska tiedosto on jaettu, samaa komponenttia voidaan käyttää React-verkkosovelluksessa, SwiftUI-sovelluksessa tai Flutter-sovelluksessa.

Jos haluat sen sijaan käsin kirjoitetun koodin, esimerkiksi koska tarvitset täyden hallinnan tai sinulla on tiukat pakettirajoitukset, Reanimated on edelleen React Native:n vakiovalinta. Jotkut tiimit käyttävät molempia: käsin kirjoitettua liikettä ydinnavigointiin ja ajonaikaisia ​​tiedostoja monipuolisempiin komponentteihin.

Kuten missä tahansa suoritustilassa, testaa tukemillasi laitteilla, erityisesti vanhemmilla Android-puhelimilla, ennen kuin luotat siihen kriittisissä näytöissä.

Usein kysytyt kysymykset

Luoko ExodeUI Reanimated-koodin?

Ei. Se tarjoaa suoritusajan, joka toistaa .exode-tiedoston. Koodisi ohjaa animaatiota syötteiden ja tapahtumien kautta.

Toimiiko se Expon kanssa?

Tarkista nykyinen Expo-tuki React Native-ajonaikaisista dokumentaatioista ennen kuin aloitat.

Voiko sama animaatio toimia iOS:ssä ja Androidissa?

Kyllä. React Native-ajoaika toistaa saman tiedoston molemmilla alustoilla.

Kuinka käynnistän animaation sovelluksestani?

Aseta syöte tai käynnistä tiedostossa määritetty triggeri, esimerkiksi "painattu" boolean- tai "menestys"-triggeri.

Aiheeseen liittyviä oppaita ja esimerkkejä

Kokeile komponenttia, joka toimii mobiililaitteella

Avaa ilmainen ExodeUI-esimerkki ja katso tulot ja tapahtumat, joita React Native-sovelluksesi ohjaa.

Avaa esimerkit
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 →