onMoveShouldSetPanResponder
- React Native kursu
- Orta seviye
- Ders 77/116
- 5 dk
onMoveShouldSetPanResponder öğrenirsin.
onMoveShouldSetPanResponder
onMoveShouldSetPanResponder, parmak hareket ettiğinde çağrılır ve true dönerse jest başlar. Bu, jestin ne zaman 'aktif' sayılacağına karar veren kapıdır.
En basit: () => true her hareketi kabul eder. Daha incelikli bir kontrol için (evt, gestureState) => gestureState.dx > 5 gibi bir eşik kullanılır; böylece küçük titremeler jest başlatmaz.
Eşik ile aktivasyon
Jest aktivasyonu için bir eşik kullanmak, istenmeyen küçük hareketleri eler. (evt, gestureState) => gestureState.dx > 5 yatay hareket 5 pikseli geçinceye kadar jesti başlatmaz.
gestureState içinde dx, dy (hareket miktarı), vx, vy (hız) gibi değerler vardır. Bunları kullanarak jestin ancak yeterince büyük hareketlerde başlamasını sağlayabilirsin.
Uygulama Eşikli aktivasyon ekle
PanResponder.create ekle; onMoveShouldSetPanResponder: (evt, gestureState) => gestureState.dx > 5 olsun. Sonra <View {...pan.panHandlers} /> döndür.
Başlangıç kodu
import React from 'react';
import { PanResponder, View } from 'react-native';
export default function Drag() {
// Eşikli aktivasyon ekle
return <View />;
}Örnek çözüm
import React from 'react';
import { PanResponder, View } from 'react-native';
export default function Drag() {
const pan = PanResponder.create({
onMoveShouldSetPanResponder: (evt, gestureState) => gestureState.dx > 5,
});
return <View {...pan.panHandlers} />;
}Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Aktivasyon geri çağrısı
PanResponder.create({ ____: () => true });PanResponder.create({ onMoveShouldSetPanResponder: () => true });Açıklama: onMoveShouldSetPanResponder jesti başlatır.
2 onMoveShouldSetPanResponder ne zaman çağrılır?
- Parmak hareket ettiğinde Doğru cevap
- Yalnızca release anında
- Bileşen mount olduğunda
- Hiçbir zaman
Açıklama: Parmak hareket ettiğinde çağrılır.
3 Aktivasyon kavramlarını eşleştir
| Kavram | Anlamı |
|---|---|
onMoveShouldSetPanResponder |
Başlatma kapısı |
gestureState |
Jest verisi |
dx |
Yatay hareket |
eşik |
Küçük hareketi eler |