dart - 返回并显示小吃

Question

我正在为我的应用程序考虑这种模式，但找不到合适的方法。用户在列表页面中，她单击一个项目并转到编辑页面。她编辑，然后点击保存。现在我想让应用程序- 显示纺车，同时保存项目- 保存后弹出返回列表页面的路径，并在列表页面上显示一个 snackbar 。我似乎没有找到一种方法可以将参数传递给先前的路由以告诉它状态，即显示 snackbar 。

Answer 1

要在点击保存按钮时显示进度，您可以使用类似这样的东西。首先初始化一个变量 static bool isSaving = false; 然后在你的脚手架中像这样使用它。

child:Stack(
    children: <Widget>[
      isSaving
          ? new Container(
              child: new CircularProgressIndicator(
                value: null,
                strokeWidth: 2.0,
              ),
              alignment: Alignment.center,
            )
          : new Container(
              child: new RaisedButton(
                onPressed: () {
                  setState(() {
                    isSaving = true;
                    //Other Implementations here
                  });
                },
                child: new Text("Save"),
              ),
            ),
    ],
  ),

操作完成后再次设置状态并使变量为假。现在，当您收到操作已完成的通知时，请使用 Navigator 返回。

Navigator.pop(context);

要在上一个屏幕中显示 snackbar ，请使用 Global Key .

GlobalKey<ScaffoldState> scaffoldKey = new GlobalKey<ScaffoldState>();

将此 key 分配给您的脚手架。

new Scaffold(
    key: scaffoldKey,
    ...
    )  

如回答here像这样在 pop 操作之后显示 snackbar。

scaffoldKey.currentState
    .showSnackBar(new SnackBar(content: new Text("Saved Successfully")));

或者可以按照本 sample 中的说明尝试不同的方法.希望对您有所帮助。