Flutter：如何从可驳回到被驳回的上下文访问

Question

我正在尝试为Flutter中的一个可拒绝的列表项实现撤消，但在访问BuildContext时遇到了问题。

我有一个flutter列表，每个项目都是一张卡。该卡被包装在一个可解除卡中，允许用户刷卡解除该卡。Dismissible自动从列表中移除该项。Dismissible还有一个onDesceded事件--我使用这个事件更新Redux状态存储中的项（将isSesceded标志设置为true)，然后显示一个包含撤消按钮的快捷键。

class ProductCard extends StatelessWidget {
  final Product product;

  const ProductCard(this.product);

  @override
  Widget build(BuildContext context) {
    return Dismissible(
      key: Key(product.id.toString()),

      onDismissed: (direction) {
        StoreProvider.of<AppState>(context).dispatch(DismissAction(product));

        // Then show a snackbar to allow undo
        Scaffold.of(context).showSnackBar(
            SnackBar(
                content: Row(
                  children: <Widget>[
                    Expanded(child: Text("Dismissed ${product.title}"),),
                    FlatButton(
                      onPressed: () {
                        // THIS IS WHERE I GET THE ERROR
                        StoreProvider.of<AppState>(context).dispatch(UndoDismissAction(product));
                      },
                      child: Text("UNDO"),
                    )
                  ],
                )
            )
        );
      },

      child: Card(
        child: ...
      )
    );
  }
}

我不知道如何处理这个问题。我读过关于flutter键的文章，并认为答案可能是开始传递某种全局键，但我不太明白这是如何工作的。我尝试了一下，遇到了另一个问题，'Inherit FromWidgetOfExactType'是在null上调用的。钥匙是解决这个问题的方法吗？如果是，我在哪里创建密钥，我是否将它传递给小部件，我应该使用什么类型的密钥等等，或者有更好的解决方案吗？

多谢！

Answer 1

将存储区的一个副本提取到一个局部变量中，然后将被下面的所有lambdas捕获。

  @override
  Widget build(BuildContext context) {
    var store = StoreProvider.of<AppState>(context);
    return Dismissible(
    ...
         store.dispatch(DismissAction(product));