Buttona basılı tutunca

BandoLero

Herkese merhaba buttona basılı tutunca fonksiyon içindeki değerin 0 1 2 3… şeklinde artmasını istiyorum ama nasıl yapıldığıyla ilgili bi örnek bulamadım. Timer ile düşündüm, hani basılı tuttuğum zaman timer saysın gibi olmadı. flutterda button down veya up olduğunu anlayamıyoruz galiba.


import "package:flutter/material.dart";

class Test extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    int a = 0;
    deneme() {
      a++;
      print(a);
    }

    return ElevatedButton(
      child: const Text(""),
      onPressed: () {
        deneme();
      }
    );
  }
}

HseyinAkkaya

BandoLero
ElevatedButton ile bunu yapamazsın ancak GestureDetector ile yapabilirsin. GestureDetector ile hemen her olayı yakalayabilirsin. Burada onTapDown ile counter artırıp timer ile 500ms’de 1 artırmasını sağladım. onTapUp olayında yani tıklamayı bitirince timer nesnesini cancel ettim. umarım işini görür.


class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  late Timer t;
  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text(
              'Counter',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
            GestureDetector(
              child: Container(
                margin: const EdgeInsets.all(17.0),
                padding: const EdgeInsets.all(5.0),
                decoration: BoxDecoration(
                    border: Border.all(color: Colors.blueAccent),
                    color: Colors.blueAccent),
                child: const Text(
                  'Test Button',
                  style: TextStyle(color: Colors.white),
                ),
              ),
              onTapDown: (details) {
                _incrementCounter();
                t = Timer.periodic(const Duration(milliseconds: 500), (timer) {
                  _incrementCounter();
                });
              },
              onTapUp: (details) {
                t.cancel();
              },
            ),
          ],
        ),
      ),
    );
  }
}

BandoLero

Hocam dediklerinizden yola çıkarak bi örnek kod yazdım ama provider paketini kullanıyorum ve bir sorun çıktı. timer durmuyor.

import 'package:flutter/material.dart';
import "package:provider/provider.dart";
import "dart:async";

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
return MultiProvider(
      providers: [
        ChangeNotifierProvider<Counter>(create: (context) => Counter()),
      ],
      builder: (context, child) {
        return MaterialApp(
          home: MyHomePage(),
          debugShowCheckedModeBanner: false,
          );
      }
    );
  }
}

class Counter extends ChangeNotifier {
  int counter = 0;

  void incrementCounter() {
    notifyListeners();
      counter++;
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var proCounter = Provider.of<Counter>(context);
    var text = proCounter.counter;
    Timer? timer;
    return Scaffold(
      backgroundColor: Colors.grey,
      body: Column(
        children: [
          Text("$text"),
          GestureDetector(
            onTapDown: (details) {
              timer = Timer.periodic(Duration(milliseconds: 200), (t){
                proCounter.incrementCounter();
              });
            },
            child: const Icon(Icons.tv),
            onTapUp: (details) {
              timer?.cancel();
            }
          )
        ]
      )
    );
  }
}

HseyinAkkaya

BandoLero

timerı da Counter’in içine alın


import 'package:flutter/material.dart';
import "package:provider/provider.dart";
import "dart:async";

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
        providers: [
          ChangeNotifierProvider<Counter>(create: (context) => Counter()),
        ],
        builder: (context, child) {
          return const MaterialApp(
            home: MyHomePage(),
            debugShowCheckedModeBanner: false,
          );
        });
  }
}

class Counter extends ChangeNotifier {
  Timer? _timer;
  int counter = 0;
  void incrementCounter() {
    counter++;
    notifyListeners();
  }

  void incrementCounterStart() {
    _timer = Timer.periodic(const Duration(milliseconds: 200), (t) {
      counter++;
      notifyListeners();
    });
  }

  void incrementCounterStop() {
    _timer?.cancel();
    notifyListeners();
  }
}

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

  @override
  Widget build(BuildContext context) {
    var proCounter = Provider.of<Counter>(context);
    var text = proCounter.counter;
    return Scaffold(
        backgroundColor: Colors.grey,
        body: Column(children: [
          Text("$text"),
          GestureDetector(
              onTapDown: (details) {
                proCounter.incrementCounterStart();
              },
              child: const Icon(
                Icons.tv,
                size: 50,
              ),
              onTapUp: (details) {
                proCounter.incrementCounterStop();
              })
        ]));
  }
}

BandoLero

hocam çok teşekkür ederim gerçekten.