flutter - 更新 Flutter 上的部分 UI

Question

要更新整个小部件很容易，我们调用 SetState() 并进行更改，但是如果我不需要更新所有内容会怎样？

我有这个用户界面:

当我加载该页面时，我从我的应用程序提供商处获取我的元素数组:

Widget build(BuildContext context) {
   var elements = shuffle(Provider.of<GameSettings>(context).set.elements);

(取自这个答案:List.shuffle() in Dart?)

我需要 context 来获取我保存的元素列表，这就是我把它放在那里的原因。

我还有需要刷新的进度条:

void _startTimer() {
    var sub = countDownTimer.listen(null);
    sub.onData((duration) {
      setState(() {
        _current = _start + duration.elapsed.inSeconds;
      });
    });

    sub.onDone(() {
      sub.cancel();
    });
  }
}

但是当我刷新它时，我也在刷新我的元素。发生这种情况是因为正在调用整个小部件，所以我的 shuffle 函数。

我尝试将进度按钮移动到不同的小部件，但还是一样。怎么才能刷新这个进度呢？

Answer 1

你可以使用 StatefulBuilder()

您的代码将是:

void _startTimer() {
    StatefulBuilder(
        builder: (BuildContext context, setState){
           var sub = countDownTimer.listen(null);
           sub.onData((duration) {
              setState(() {
                   _current = _start + duration.elapsed.inSeconds;
                });
            });

            sub.onDone(() {
             sub.cancel();
            });
         }
     )

 }