onPanResponderRelease

onPanResponderRelease ile bırakma öğrenirsin.

onPanResponderRelease

onPanResponderRelease, parmak ekrandan kaldırıldığında çağrılır. Burada genellikle bileşen eski yerine döner ya da son konum kaydedilir. 'Bırakma' anı budur.

Örnek: onPanResponderRelease: () => setPos({ x: 0, y: 0 }) parmağı kaldırınca bileşeni başlangıç noktasına döndürür. Veya son konumu korumak için hiçbir şey yapmazsın.

Uygulama Bırakınca eski yere dön

Bir PanResponder yarat. onMoveShouldSetPanResponder: () => true ve onPanResponderRelease: () => setPos({ x: 0, y: 0 }) olsun. pos state'i tanımlı. <View {...pan.panHandlers} /> döndür.

Örnek çözümü göster

import React, { useState } from 'react';
import { PanResponder, View } from 'react-native';

export default function Drag() {
  const [pos, setPos] = useState({ x: 0, y: 0 });
  const pan = PanResponder.create({
    onMoveShouldSetPanResponder: () => true,
    onPanResponderRelease: () => setPos({ x: 0, y: 0 }),
  });
  return <View {...pan.panHandlers} />;
}

Bırakma davranışı

Bırakma anında iki yaygın seçenek var: bileşeni eski yerine döndürmek ya da son konumda bırakmak. Döndürmek için setPos({ x: 0, y: 0 }); bırakmak için hiçbir şey yapmamak yeterli.

Bazı uygulamalar bırakma anında snap yapar: en yakın köşeye ya da hedefe yapışır. Bu, onPanResponderRelease içinde hesaplanıp setPos'a yazılır.

Kendini test et

onPanResponderRelease ne zaman çağrılır?
- Jest başlarken
- Her hareket
- Parmak kaldırılınca
- Mount sırasında
Cevabı göster

Parmak kaldırılınca — Parmak ekrandan kaldırılınca çağrılır.

release geri çağrısı

PanResponder.create({ ____: () => setPos({ x: 0, y: 0 }) });

Cevabı göster

PanResponder.create({ onPanResponderRelease: () => setPos({ x: 0, y: 0 }) });

release kavramlarını eşleştir

onPanResponderRelease

Bırakma anı
setPos

Konum günceller
dx

Hareket miktarı
panHandlers

View'e yayılır

Sıradaki ders: react-native-gesture-handler

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler