dart - 在底部工作表中点击项目时显示 snackbar

Question

我想在底部工作表中单击某个项目时显示 Snackbar。我试过了。

@override
Widget build(BuildContext defaultContext) {
  return Scaffold(
    body: Center(
      child: RaisedButton(
        onPressed: () => showModalBottomSheet(
              context: defaultContext,
              builder: (BuildContext context) {
                return Builder(
                  builder: (BuildContext builderContext) {
                    return ListTile(
                      title: Text("Click me"),
                      onTap: () {
                        Navigator.pop(builderContext); // hiding bottom sheet
                        Scaffold.of(builderContext).showSnackBar(SnackBar(content: Text("Hi")));
                      },
                    );
                  },
                );
              },
            ),
      ),
    ),
  );
}

但是我有错误

Scaffold.of() called with a context that does not contain a Scaffold

注意 这个问题不是 this 的重复

PS:我知道我可以在 Scaffold 中使用 GlobalKey 来显示 Snackbar 但我想使用 Builder 像 docs suggest 一样使用 Builder。我确实使用了生成器，但它没有用。

Answer 1

这终于成功了。

@override
Widget build(BuildContext defaultContext) {
  return Scaffold(
    body: Center(
      child: Builder(builder: (builderContext) {
        return RaisedButton(
          onPressed: () => showModalBottomSheet(
            context: defaultContext,
            builder: (BuildContext context) {
              return ListTile(
                title: Text("Click me"),
                onTap: () {
                  Navigator.pop(builderContext); // hiding bottom sheet
                  Scaffold.of(builderContext).showSnackBar(SnackBar(content: Text("Hi")));
                },
              );
            },
          ),
        );
      },),
    ),
  );
}

我需要将 Builder 移到树上。不知道为什么但它起作用了。