use-gesture-pack
v1.5.16
Published
Nextfusion package for use gesture
Downloads
48
Keywords
Readme
Pentru testare se instaleaza de mana:
- npm install react-dom --save-dev
- npm install web-vitals --save-dev
Se ruleaza:
- npm run test
Pentru a folosi use gesture:
- onDragStart primeste parametrul point, care reprezinta pozititia degetului
pe ecran din momentul inceperii actiunii de drag;
- onDrag primeste parametrul point care reprezinta punctul unde se afla degetul
pe ecran si dx dy care reprezinta diferenta dintre pozitia actuala
si cea precedenta(In fisierul TouchComponent se poate regasi un exemplu de aplicare
pentru aceasta actiune);
- onPinchStart primeste parametrul points care returneaza pozitia celor 2 degete pe ecran
si center point care reprezinta centrul liniei formate din punctele de la points;
- onPinch primeste dx dy care reprezinta diferenta dintre pozitita actuala si cea precedenta,
angle este unghiul format intre dreapta determinata de pozitiile actuale ale degetelor si dreapta
determinata de pozitiile precedente, scale factor calculeaza raportul dintre lungimea vectorilor
(pozitie actuala si precedenta), transformationPoint returneaza centrul pentru scalare si rotatie,
points care returneaza pozitia celor 2 degete pe ecran;
- onMultiStart primeste parametrul points care returneaza pozitia tuturor degetelor de pe ecran si
center point ??(de intrebat Andrei) care reprezinta centrul liniei formate din punctele de la
points;
- onMulti primeste parametrii dx, dy care reprezinta diferenta dintre punctul actual si punctul
precedent, points care reprezinta pozitia tuturor degetelor de pe ecran si center point care
reprezinta centroidul tuturor punctelor;
- onTouchAndHoldStart primeste parametrul point care returneaza punctul pe ecran unde s-a efectual
hold-ul;
- OnTouchAndHold primeste parametrul point care returneaza punctul pe ecran unde s-a efectual
hold-ul si afiseaza pop-upul pentru touch and hold;
- onGestureEnded semnaleaza ca nu exista niciun touch pe ecran.
Utilizatorul trimite urmatorii parametri:
* target - referinta catre componenta careia i se aplica functiile;
* withInertia - utilizatorul alege daca se aplica functionalitatea de inertie sau nu (true, false);
* appWidth si appHeight