flutter - 从 AlertDialog 中调用 SnackBar

问题描述

当用户单击删除员工时，将弹出一个 AlertDialog 以警告用户。

如果用户确认删除，则 AlertDialog 消失，并且在 Scaffold 的底部应该出现一个带有 Undo 功能的 SnackBar。

问题：

当我在 AlertDialog 类中实现 SnackBar 方法showSnackBar(context, index, employee)时，出现以下错误：

在处理手势时抛出了以下断言：

使用不包含 Scaffold 的上下文调用 Scaffold.of()。

showDeleteDialog(BuildContext context, Employee employee, int index) {
    showDialog(
        context: context,
        builder: (context) => AlertDialog(
              title:
                  Text('Are you sure you want to delete: ${employee.name} ?'),
              actions: <Widget>[
                Row(
                  children: <Widget>[
                    FlatButton(
                        child: Text('Yes'),
                        onPressed: () {
                          DatabaseProvider.db.deleteEmployee(employee.id).then(
                              (_) => BlocProvider.of<EmployeeBloc>(context)
                                  .add(DeleteEmployee(index)));
                          Navigator.pop(context,employee);
                          showSnackBar(context, index, employee);
                        }),
                    FlatButton(
                        child: Text('No!'),
                        onPressed: () => Navigator.pop(context)),
                  ],
                )
              ],
            ));
  }

相反，当我确认删除时，我认为我可以从 showDeleteDialog 返回一个员工。当结果不为空时，我应该显示 SnackBar。我试图用 Future/Async 来实现它，但没有成功。

onPressed: () async {
                        Employee deletedEmployee = await showDeleteDialog(context, employee, index);
                        await showSnackBar(context, index, deletedEmployee);
                    },

编辑：如果可能，我想避免使用GlobalKey，因为我读到它对应用程序的性能不利。

标签： fluttersnackbar

解决方案

正如错误所说Scaffold.of() called with a context that does not contain a Scaffold.，这意味着context您传递给showSnackBar()方法的电流在直接父级中不包含 a Scaffold。

我们可以通过使用来解决这个问题GlobalKey并将其分配给Scaffold. 在您的有状态小部件中声明 aglobal key并将其作为您的键传递Scaffold，如下所示：

final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();

....

return Scaffold(
  key: _scaffoldKey,
  appBar: AppBar(
    title: Text(widget.title),
  ),

我在单击按钮_showSnackBar()后调用一个方法，如下所示：navigator.pop()OKalertDialog

return AlertDialog(
        title: Text('Not in stock'),
        content: const Text('This item is no longer available'),
        actions: <Widget>[
          FlatButton(
            child: Text('Ok'),
            onPressed: () {
              Navigator.of(context).pop();
              _showSnackBar();
            }, 
          ),
        ],
      );

然后在_showSnackBar()方法中，使用键显示snackbar，如下：

void _showSnackBar() {
    _scaffoldKey.currentState.showSnackBar(
  SnackBar(
    content: Text('Snackbar is displayed'),
  ));    

  }

使用这种方法，一旦您点击OK按钮alertDialog，对话框将关闭，您将看到小吃栏。您可能需要按照上面共享的代码自定义此设置。

希望这能回答您的问题并解决您的问题。

flutter - 从 AlertDialog 中调用 SnackBar

问题描述

解决方案

推荐阅读