Flutter Gesturedetector Kullanımı

Flutter’da GestureDetector, kullanıcının çeşitli dokunma ve hareket eylemlerini algılamak için kullanılan bir widget’tır. GestureDetector, dokunma, kaydırma, sürükleme, tıklama gibi kullanıcı etkileşimlerini algılayabilir ve bu etkileşimlere tepki verebilir. GestureDetector, çeşitli GestureRecognizer sınıflarını kullanarak dokunma olaylarını algılar.

Bir GestureDetector widget’ı oluşturmak ve dokunma olaylarına tepki vermek için aşağıdaki adımları izleyebilirsiniz:

import ‘package:flutter/material.dart’;

Flutter WillPopScope Kullanımı

×

class GestureDetectorExample extends StatefulWidget {
@override
_GestureDetectorExampleState createState() => _GestureDetectorExampleState();
}

class _GestureDetectorExampleState extends State {
String _message = ‘Dokunma bekleniyor’;

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘GestureDetector Örneği’),
),
body: GestureDetector(
onTap: () {
setState(() {
_message = ‘Tıklandı’;
});
},
onDoubleTap: () {
setState(() {
_message = ‘Çift tıklandı’;
});
},
onLongPress: () {
setState(() {
_message = ‘Uzun basıldı’;
});
},
child: Container(
alignment: Alignment.center,
child: Text(
_message,
style: TextStyle(fontSize: 24.0),
),
),
),
);
}
}

Yukarıdaki örnekte, GestureDetectorExample adında bir StatefulWidget sınıfı oluşturulmuştur. Sınıfın durumu (_message), kullanıcı etkileşimlerine bağlı olarak güncellenir. GestureDetector widget’ı, onTap, onDoubleTap ve onLongPress gibi olaylara tepki veren geri çağırma (callback) fonksiyonlarını tanımlar. Her bir geri çağırma fonksiyonunda _message durumu güncellenir. GestureDetector widget’ının child özelliği altında, kullanıcının etkileşim sonucunda görünen bir Text widget’ı bulunur.

Bu yazıya tepkin ne?

0 Beğendim 0 Sevdim 0 Komik 0 Vay Be 0 Üzücü 0 Sinir