Özet - GestureDetector

GestureDetector callback'lerini birleştirerek dokunmatik kart yaparsın.

Callback'leri birleştir

Tek bir GestureDetector içine onTap, onDoubleTap, onLongPress ve onHorizontalDragUpdate callback'lerini birlikte verebilirsin. Yalnızca ihtiyaç duyduklarını yazman yeterli; hepsini vermek zorunda değilsin. Flutter, gerçekleşen hareketi algılar ve doğru callback'i çağırır.

GestureDetector(
  onTap: () => print('Tek'),
  onLongPress: () => print('Uzun'),
  onHorizontalDragUpdate: (d) => print(d.delta.dx),
  child: Container(width: 100, height: 100),
)

Uygulama Üç callback'u bir GestureDetector'da birleştir

tekDokunus, ciftDokunus ve uzunBasma fonksiyonlarını yaz; sırasıyla Tek, Cift ve Uzun yazdırsınlar. main içinde tekDokunus'u çağır ve GestureDetector'a üç callback'i de bağla.

Örnek çözümü göster

import 'package:flutter/material.dart';

void tekDokunus() {
  print('Tek');
}

void ciftDokunus() {
  print('Cift');
}

void uzunBasma() {
  print('Uzun');
}

void main() {
  tekDokunus();
  runApp(const Uygulama());
}

class Uygulama extends StatelessWidget {
  const Uygulama({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: GestureDetector(
            onTap: tekDokunus,
            onDoubleTap: ciftDokunus,
            onLongPress: uzunBasma,
            child: Container(
              width: 120,
              height: 120,
              color: Colors.orange,
            ),
          ),
        ),
      ),
    );
  }
}

Kendini test et

Bir GestureDetector'da hangi callback'leri vermek zorunludur?
- Yalnızca ihtiyaç duyulanlar; hepsi zorunlu değildir
- Hepsi zorunludur
- Yalnızca onTap zorunludur
- onTap ve onLongPress birlikte verilmelidir
Cevabı göster

Yalnızca ihtiyaç duyulanlar; hepsi zorunlu değildir — GestureDetector'ın tüm callback parametreleri isteğe bağlıdır; yalnızca yakalamak istediğin hareketlerin callback'lerini verirsin.

onDoubleTap'ı tamamla

GestureDetector(
  onTap: () => print('a'),
  onLongPress: () => print('b'),
  ____: () => print('c'),
  child: Text('X'),
)

Cevabı göster

GestureDetector(
  onTap: () => print('a'),
  onLongPress: () => print('b'),
  onDoubleTap: () => print('c'),
  child: Text('X'),
)

GestureDetector callback'leri

onTap

Tek dokunuş
onDoubleTap

Çift dokunuş
onLongPress

Uzun basma
onHorizontalDragUpdate

Yatay sürükleme

Sıradaki ders: InkWell nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler