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

在showDialog中，您无法更改任何值。

下一行来自官方文件。

构建器返回的窗口小部件不与最初调用showDialog的位置。 使用 StatefulBuilder或自定义的StatefulWidget（如果对话框需要动态更新。

因此，您必须使用有状态的小部件。

遵循最少的代码可以帮助您了解更多。

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;
          });
        },
      ),
    );
  }
}

警报中的值对话未更新且警报对话未关闭Flutter

1 个答案: