flutter - 每 500 毫秒自动递增 flutter

Question

我尝试每 500 毫秒增加 _counter 状态 100 次。

所以我尝试了这个:

int _counter = 0;

  _incrementCounter() {
    setState(() {
      for (var i = 0; i < 100; i++) { //Loop 100 times
        Future.delayed(const Duration(milliseconds: 500), () { // Delay 500 miliseconds
          _counter++; //Increment Counter
        });
      }
    });
  }

但点击 1 次即可从 0 增加到 100。

我做错了什么？

Answer 1

您需要在 Future.delayed() 方法中使用 setState() 。它看起来像这样:

    int _counter = 0;

    _incrementCounter() async {
      
        for (var i = 0; i < 100; i++) { //Loop 100 times
          await Future.delayed(const Duration(milliseconds: 500), () { // Delay 500 milliseconds
           setState(() {
            _counter++; //Increment Counter
             }
          });
        
      });
    }