INTEGRÁCIA REACTJS / HAMMERJS. PODPORTE DOTYKOVÉ UDALOSTI VO SVOJEJ APLIKÁCII REAGOVAŤ

Integrácia ReactJS / HammerJS. Podporte dotykové udalosti vo svojej aplikácii Reagovať

Reagovat-HammerJS

ReagovatJS / HammerJS integrácia. Podporte dotykové udalosti vo svojej aplikácii Reagovať.

Ak hľadáte natívne spracovanie udalostí klepnutia v ReactJS, pozrite sa na moje reagujúce na dotyk balík.

Inštalácia

Najľahší spôsob použitia React-HammerJS je nainštalovať ho z NPM a zahrnúť ho do vlastného procesu zostavovania React (pomocou Browserify , atď).

Môžete tiež použiť samostatné zostavenie zahrnutím | _+_ | na vašej stránke. Ak to použijete, uistite sa, že ste už zahrnuli Reagovať a je k dispozícii ako globálna premenná.

dist/hammer.js

Použitie

React-HammerJS zalomí komponent React a spojí s ním udalosti Hammer, aby mohol vyhodiť určené manipulátory.

Vlastnosti

Vlastnosti poslucháča udalostí

npm install react-hammerjs --save
onTap
onDoubleTap
onPan
onPanCancel
onPanEnd
onPanStart
onPinch
onPinchCancel
onPinchEnd
onPinchIn
onPinchOut
onPinchStart
onPress
onPressUp
onRotate
onRotateCancel
onRotateEnd
onRotateMove
onRotateStart
| _+_ | - ako | _+_ | obsluha udalostí, ale bude tiež vyhodená | _+_ |.

Vlastnosti správania

| _+_ | - (reťazec) | _+_ | | | _+_ | | | _+_ |. Slúži na obmedzenie | _+_ | a | _+_ | smer. Tieto reťazcové hodnoty môžu tiež fungovať: | _+_ | || _+_ | | | _+_ | | | _+_ | | | _+_ |.
| _+_ | - možno použiť na konfiguráciu správcu kladiva. Tieto vlastnosti budú zlúčené s predvolenými.

Príklad

onSwipe

Zakázané udalosti

Predvolene sa | _+_ | a | _+_ | udalosti sú v súbore hammer.js zakázané, pretože by vykonávali akcie s blokovaním prvkov. Tieto udalosti môžete povoliť pomocou objektu options, ktorý je atribútom v reakcii | _+_ | element.

najlepšie farebné motívy vscode

Ak chcete napríklad aktivovať | _+_ | udalosť na | _+_ | element:

action

Zakázané udalosti sú podrobne popísané v dokumentácii API hammer.js:

Podrobnosti na stiahnutie:

Autor: Jedwatson

Zdrojový kód: https://github.com/JedWatson/react-hammerjs

#react #reactjs #javascript

Integrácia ReactJS / HammerJS. Podporte dotykové udalosti vo svojej aplikácii Reagovať