警报对话中的值没有更新，警报对话没有关闭 Flutter

Question

我是Flutter的新手，我正在建立一个应用程序，它需要一个包含一个值的警报对话，该值在每一秒钟后得到更新。但在我的情况下，值没有更新，甚至警报对话没有自行关闭。

  Timer.periodic(Duration(milliseconds: 10), (timer) {
  BuildContext dialoguecontext;
      if ((stopwatch.elapsedMilliseconds / 6000) >= 1) {
        stopwatch.stop();
        assetsAudioPlayer.stop();

          showDialog(
            context: context,
            builder: (BuildContext context) {
              dialoguecontext = context;
              return Dialog(
                child:
                new Text('Break Time Left : ${breakTime} s'),
              );
            },
          );

        while(breakTime > 0)
          {
            Future.delayed(Duration(seconds: 1));

            setState(() {
              breakTime--;
            });
          }
          breakTime = 40;
        Navigator.pop(dialoguecontext);
        ++imgnumber;
        assetsAudioPlayer.next();
        stopwatch.start();
      }
    });

如何使这段代码正常工作？

Answer 1

在我的案例中，值没有更新，甚至警报... 显示对话框 你不能改变任何值。

以下是官方文档中的内容。

建构器返回的widget与showDialog最初被调用的位置不共享上下文，如果对话框需要动态更新，请使用StatefulBuilder或自定义StatefulWidget。如果对话框需要动态更新，请使用StatefulBuilder或自定义StatefulWidget。

所以，你必须使用Stateful widget。

下面的最小代码可以帮助你了解更多。

class _DeleteWidgetState extends State<DeleteWidget> {
  int t = 10;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RaisedButton(
          child: Text("Press"),
          onPressed: () {
            showDialog(
                context: context,
                builder: (_) {
                  return NewWidget(t);
                });
          },
        ),
      ),
    );
  }
}

class NewWidget extends StatefulWidget {
  final int t;
  NewWidget(this.t);
  @override
  _NewWidgetState createState() => _NewWidgetState();
}

class _NewWidgetState extends State<NewWidget> {
  int newt;
  @override
  void initState() {
    super.initState();
    newt = widget.t;
  }

  @override
  Widget build(BuildContext context) {
    return Center(
      child: RaisedButton(
        child: Text(newt.toString()),
        onPressed: () {
          setState(() {
            newt = newt + 1;
          });
        },
      ),
    );
  }
}