PanResponder

PanResponder ile dokunma jestlerini öğrenirsin.

PanResponder

PanResponder, dokunma ve sürükleme jestlerini yöneten bir yardımcıdır. Bir bileşene bağlanır ve jest olaylarını işlevlerle eşler. onMoveShouldSetPanResponder, onPanResponderMove, onPanResponderRelease gibi geri çağrılarla çalışır.

PanResponder.create({...}) ile yaratılır; dönen nesne {...panResponder.panHandlers} olarak bileşene yayılır. Böylece bileşen jestleri tanır. Bu sayede karmaşık dokunma etkileşimleri az kodla yapılır.

PanResponder.create

PanResponder.create bir nesne alır; bu nesnenin anahtarları geri çağrılardır. Örneğin onMoveShouldSetPanResponder: () => true jesti başlatır, onPanResponderMove sürükleme sırasında çağrılır. Her geri çağrı farklı bir jest aşamasını temsil eder.

Sonuç const pan = PanResponder.create({...}) ile tutulur; {...pan.panHandlers} bir View'e yayılır. Böylece o View jestleri yakalar.

Uygulama PanResponder'ı View'e bağla

Bir PanResponder yarat: const pan = PanResponder.create({ onMoveShouldSetPanResponder: () => true }). 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: () => true,
  });
  return <View {...pan.panHandlers} />;
}

Kendini test et

PanResponder ne işe yarar?
- Liste çizer
- Renk değiştirir
- Veri çeker
- Dokunma jestlerini yönetir
Cevabı göster

Dokunma jestlerini yönetir — PanResponder dokunma ve sürükleme jestlerini yönetir.

PanResponder yarat

const pan = ____.create({ onMoveShouldSetPanResponder: () => true });

Cevabı göster

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

PanResponder kavramları

PanResponder

Jest yardımcısı
create

Yaratır
panHandlers

View'e yayılır
onPanResponderMove

Sürükleme sırası

Sıradaki ders: onMoveShouldSetPanResponder

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler