Question

我正在玩一个简单的颤动倒计时应用程序。它由两页组成，分别是时钟和一个设置页，用于设置要倒数的分钟和秒。

在时钟页面（HomeWidget）上，用户单击一个按钮导航到设置页面。编辑值后，用户可以按后退硬件键或应用程序栏中的按钮以导航回到时钟页面。

class _HomeWidgetState extends State<HomeWidget> {
@override
Widget build(BuildContext context) {
  TimeService _timeService = ScopedModel.of<TimeService>(context);
  SettingsModel _settingsModel = ScopedModel.of<SettingsModel>(context);
  _timeService.setTime(_settingsModel.minutes, _settingsModel.seconds);

return Scaffold( ... display the clock, navigation buttons, etc ... )}

我要理解的问题是，在向后导航时，我正在处理倒计时的时间服务类中设置新值。但是在代码示例中，每次重绘时钟（每秒）时，都会更新时间服务。倒数计时不起作用，该值保持不变。它不显示“ 10:29”，而是显示“ 10:30”。我不知道如何处理我的TimeService类和SettingsModel类之间的依赖关系。

当用户向后导航时，如何正确处理时间服务类中的设置值？ build方法显然是错误的地方。谁能给我一个提示？

Answer 1

好的，我找到了解决问题的办法。（有一些其他内容）here有详细描述。

基本上，在页面之间导航时，您可以传递对象。因此，现在我只需通过Navigator.of(context).pop({'newSetting': _settingsModel});命令在设置页面上传递经过编辑的SettingsModel，然后时钟页面就会处理结果。我不知道导航是这样的。

ControlButtonWidget(
        icon: Icons.settings,
        iconSize: 72.0,
        onPressedHandler: () async {
          Map results = await Navigator.of(context).push(
              new MaterialPageRoute(
                  builder: (context) => SettingsWidget(model)));

          if (results != null && results.containsKey("newSetting")){
            SettingsModel model = results["newSetting"];
            ScopedModel.of<TimeService>(context).setTime(model.minutes, model.seconds);
          }
        })

确保将页面包装在WillPopScope Widget中。

@override
Widget build(BuildContext context) {
return new WillPopScope(
    onWillPop: _backRequestedHandler,
    child: LayoutBuilder(builder:
        (BuildContext context, BoxConstraints viewportConstraints) {
      return Scaffold(
          appBar: new AppBar(title: Text("Settings")),
          body: ...

    }));
}

Future<bool> _backRequestedHandler() {
  Navigator.of(context).pop({'newSetting': _settingsModel});
  return new Future.value(true);
}

更新的值会在小部件重绘时被覆盖

1 个答案: