如何在 Flutter / Dart 的下一个屏幕上显示小吃栏消息？

Question

我的 Flutter 项目中有 2 个屏幕：

1. 记录屏幕列表
2. 添加记录屏幕

当记录被提交并添加到“添加记录屏幕”时，屏幕将重定向到“记录列表屏幕”，并在此屏幕上显示添加的记录工作。

我的查询是我想显示应该设置在“添加记录屏幕” 上的成功消息，并且应该在转换后显示在“记录屏幕列表” 上。我在 “添加记录屏幕” 上添加小吃吧代码：

ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Text('Record has been added successfully.'),
        duration: Duration(milliseconds: 5000),
      ),
    );

重定向到“记录列表屏幕”后返回错误。我认为 “记录屏幕列表” 没有在 “添加记录屏幕” 上设置的快餐栏“上下文”，这就是我收到错误的原因。

有没有人可以帮助我了解实际错误是什么以及如何在 “记录屏幕列表” 上显示快餐栏消息，设置在 “添加记录屏幕”？

任何帮助将不胜感激。谢谢。

Answer 1

要在下一页上显示snackbar，您可以将snackbar 函数传递给您正在导航到的页面，然后使用该答案中提到的方法在该页面的initState 中调用它：https://stackoverflow.com/a/50682918/16045128

WidgetsBinding.instance?.addPostFrameCallback((_) { widget.feedback?.call(); });

反馈小吃店演示：

class Home extends StatefulWidget {
  const Home({Key? key}) : super(key: key);

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: const Text('Home Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: const <Widget>[
            Icon(Icons.home),
            SizedBox(height: 15),
            Text(
              'Home Page',
            ),
          ],
        ),
      ),
      floatingActionButton: Row(
        mainAxisAlignment: MainAxisAlignment.end,
        children: [
          Tooltip(
            message: "Show Snackbar",
            child: ElevatedButton(
              onPressed: () {
                Navigator.of(context).push(
                  MaterialPageRoute(
                    builder: (context) => SecondPage(
                      feedback: () {
                        ScaffoldMessenger.of(context).showSnackBar(
                          const SnackBar(
                            content: Text('You have reached the second page.'),
                            duration: Duration(seconds: 3),
                          ),
                        );
                      },
                    ),
                  ),
                );
              },
              child: const Icon(Icons.check),
            ),
          ),
          const SizedBox(width: 15),
          Tooltip(
            message: "Don't Show Snackbar",
            child: ElevatedButton(
              onPressed: () {
                Navigator.of(context).push(
                  MaterialPageRoute(
                    builder: (context) => const SecondPage(),
                  ),
                );
              },
              child: const Icon(Icons.close),
            ),
          ),
        ],
      ),
    );
  }
}

class SecondPage extends StatefulWidget {
  const SecondPage({Key? key, this.feedback}) : super(key: key);

  final Function? feedback;

  @override
  _SecondPageState createState() => _SecondPageState();
}

class _SecondPageState extends State<SecondPage> {
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance?.addPostFrameCallback(
      (_) {
        widget.feedback?.call();
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: const Text('Second Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: const <Widget>[
            Icon(Icons.two_k),
            SizedBox(height: 15),
            Text(
              'Second Page',
            ),
          ],
        ),
      ),
    );
  }
}