onMoveShouldSetPanResponder

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.

Örnek çözümü göster

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} />;
}

Kendini test et

Aktivasyon geri çağrısı

PanResponder.create({ ____: () => true });

Cevabı göster

PanResponder.create({ onMoveShouldSetPanResponder: () => true });

onMoveShouldSetPanResponder ne zaman çağrılır?
- Parmak hareket ettiğinde
- Yalnızca release anında
- Bileşen mount olduğunda
- Hiçbir zaman
Cevabı göster

Parmak hareket ettiğinde — Parmak hareket ettiğinde çağrılır.
Aktivasyon kavramlarını eşleştir

onMoveShouldSetPanResponder

Başlatma kapısı
gestureState

Jest verisi
dx

Yatay hareket
eşik

Küçük hareketi eler

Sıradaki ders: onPanResponderMove

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler