Unelte open source pentru stare și mișcare în React și React Native. Trei pachete concentrate, care funcționează de la primul import și cresc doar cât aveți nevoie.
Componentele citesc aceeași valoare fără Provider, action-uri sau reducer-e. Se re-randează doar când se schimbă partea selectată, iar salvarea sau restaurarea au loc exact când spuneți.
Apăsați un buton din oricare parte. Ambele panouri citesc aceeași valoare restate() și se schimbă împreună; insigna de livrare ascultă doar o selecție.
Folosiți în React DOM timing, spring și interpolate pe care le știți din React Native Animated. O singură valoare conduce stilul multor elemente, fără randare React la fiecare cadru.
API-ul React Native Animated pe care îl cunoașteți
Glisorul schimbă o singură Value. Poziția, rotația, mărimea și colțurile celor douăsprezece forme derivă din ea. Apăsați arcul, apoi prindeți glisorul în plină mișcare.
Numere care se rotesc, un evidențiator care se mută, liste care mișcă doar ce s-a schimbat, sheet-uri și acțiuni prin glisare. Dați-le datele — fără provider sau apel de configurare — în React și React Native.
Alegeți o perioadă: MotionHighlight se mută acolo, MotionNumber se rotește, ProgressRing se umple, iar MotionList mută doar rândurile care s-au schimbat.
AziSăptămâna aceastaLuna aceasta
Vizite
1,284
Acasă
Prețuri
Docs
Blog
Date de exemplu
02 · Ansamblu
O singură lovitură.Totul se mișcă.
Această scenă este construită cu Animated. O singură Value, care ține progresul derulării, dirijează în același timp poziția, rotația, scara și opacitatea a 48 forme.
01
Rezonanță
Puncte risipite se adună în inelele unui gong.
02
Despărțire
Inelul se împarte în trei și preia culoarea fiecărei unelte.
03
Formă
Devin legăturile stării, traiectoria mișcării și stâlpii corului.
04
Ritm
Totul se aliniază și cade pe același timp.
progress
03 · Principii
Mic,de la început până la sfârșit.
Începeți cu un singur import
Fără provider de împachetare sau configurare globală din start. Adăugați capabilități doar când aplicația le cere.
Doar ce e nevoie
Se actualizează doar componentele a căror selecție s-a schimbat, elementele care folosesc o valoare și rândurile care s-au mutat.
Responsabil până la capăt
Mișcarea întreruptă continuă de la ce e pe ecran, iar abonamentele și animațiile sunt eliberate când proprietarul dispare.
Tipizat și documentat
Fiecare pachet include declarații TypeScript, iar documentația se poate citi în 39 limbi.
04 · Numele
Kkwaenggwari,gongul care pornește formația.
Se pronunță „kveng-gua-ri”. În pungmul-ul coreean, cântărețul principal la kkwaenggwari (꽹과리) dă ritmul întregului ansamblu. Uneltele noastre țintesc același lucru: mici, dar clare, ca toată aplicația să meargă pe un singur ritm.
kkwaenggwariKkwaenggwari își trage numele de la kkwaenggwari (꽹과리), un gong coreean mic, lovit cu un ciocănel. Sunetul său limpede și luminos a inspirat numele acestor mici unelte open source.
