Flutter - 倒數計時器的更新持續時間

Question

我正在嘗試使用此資源顯示倒數計時器： https://stackoverflow.com/a/64312145/13240914 ：

TweenAnimationBuilder<Duration>(
  duration: Duration(minutes: 3),
  tween: Tween(begin: Duration(minutes: 3), end: Duration.zero),
  onEnd: () {
    print('Timer ended');
  },
  builder: (BuildContext context, Duration value, Widget? child) {
    final minutes = value.inMinutes;
    final seconds = value.inSeconds % 60;
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 5),
      child: Text('$minutes:$seconds',
               textAlign: TextAlign.center,
               style: TextStyle(
               color: Colors.black,
               fontWeight: FontWeight.bold,
               fontSize: 30)));
    }),

問題是當持續時間仍在運行時，我想更新持續時間。 例如，當用戶單擊一個按鈕時，持續時間將從 10 秒變為 20 秒，但持續時間根本不會變為 20 秒……它會一直計數 10 秒。 有沒有辦法在持續時間仍在運行時更新 Duration 的值？

Answer 1

您不能使用 TweenAnimationBuilder 跳轉到新值。 為此，您必須使用明確的 animation 。 看看這個： 如何選擇適合您的 Flutter Animation Widget？