Nyomható
- A személy eltávolítja az ujját, elindítva az onPressOut, majd az onPress gombot.
- Ha a személy 500 ezredmásodpercnél hosszabb ideig hagyja az ujját, mielőtt eltávolítaná, az onLongPress aktiválódik. (Az OnPressOut akkor is tüzel, amikor eltávolítják az ujjukat.)
Mi az a hitSlop?
hitSlop. Ez meghatározza, milyen messze kezdődhet az érintése a gombtól Ez hozzáadódik a PressRetentionOffset értékhez, amikor elmozdul a gombról. Az érintési terület soha nem haladja meg a szülőnézet határait, és a testvérnézetek Z-indexe mindig elsőbbséget élvez, ha az érintés két átfedő nézetet érint.
Hogyan használja a TouchableHighlight-ot a React Native alkalmazásban?
React Native – TouchableHighlight
- 1. lépés – Fájl létrehozása. Ezt már megtettük előző fejezeteinkben. Létrehozzuk az src/components/home/TouchableHighlight fájlt. …
- 2. lépés – Logika. Ez egy konténer alkatrész. Átadjuk a gombotNyomott funkció, mint kellék. …
- 3. lépés – Bemutató. Ez az összetevő a mi gombunk.
Hogyan használsz egy gombot a reagáláshoz?
Először is importálnunk kell a gombkomponenst a React Native alkalmazásból.
Gombok létrehozásának lépései:
- Írja meg és exportálja a kódot a gomb létrehozásához, és helyezze egy újrafelhasználható összetevőbe.
- Importálja ezt az összetevőt az alkalmazásba. js fájl.
- Tegye be ezt a gombot a fájlba ugyanúgy, mint bármely más összetevőt.
- Adjon hozzá stílust a gombfájlhoz.
Hogyan hívja meg az onPress függvényeket a React Native-ban?
functionName a kellékekben. alapértelmezett osztály exportálása mainScreen expands Component { handleClick==> { //some code } render { return({ this. handleClick; //szokásos hívás, mint a vanilla javascript, de ezt az operátort használja }} />)};