Flutter中点击MaterialBanner按钮关闭横幅并继续执行程序的方法

你当前用SystemNavigator.pop()会直接退出应用，这不是关闭MaterialBanner的正确方式。要实现点击按钮关闭Banner并执行后续逻辑，有两种常用方案：

方案一：用StatefulWidget状态控制Banner显示 #

通过维护一个布尔状态变量，控制Scaffold的banner属性是否渲染MaterialBanner，点击按钮时更新状态关闭Banner，再执行后续逻辑：

class MyPage extends StatefulWidget {
  const MyPage({super.key});

  @override
  State<MyPage> createState() => _MyPageState();
}

class _MyPageState extends State<MyPage> {
  bool _showBanner = true;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Demo')),
      body: const Center(child: Text('主内容')),
      banner: _showBanner
          ? MaterialBanner(
              content: const Text('error please try later.'),
              actions: [
                TextButton(
                  onPressed: () {
                    // 关闭Banner
                    setState(() => _showBanner = false);
                    // 执行后续逻辑
                    _handleAfterClose();
                  },
                  child: const Text('خروج'),
                ),
              ],
            )
          : null,
    );
  }

  void _handleAfterClose() {
    // 这里写你需要执行的后续逻辑，比如日志、页面跳转等
    print('Banner已关闭，开始执行后续操作');
  }
}

方案二：用ScaffoldMessenger管理Banner #

如果不想用StatefulWidget，也可以通过ScaffoldMessenger来显示和隐藏Banner，这种方式更灵活，适合在任意地方触发显示：

// 在需要显示Banner的地方调用
void showErrorBanner(BuildContext context) {
  ScaffoldMessenger.of(context).showMaterialBanner(
    MaterialBanner(
      content: const Text('error please try later.'),
      actions: [
        TextButton(
          onPressed: () {
            // 关闭当前显示的MaterialBanner
            ScaffoldMessenger.of(context).hideCurrentMaterialBanner();
            // 执行后续逻辑
            _handleAfterClose();
          },
          child: const Text('خروج'),
        ),
      ],
    ),
  );
}

void _handleAfterClose() {
  print('Banner关闭，执行后续逻辑');
}

两种方案的核心都是：不要用SystemNavigator.pop()，而是通过Flutter的组件状态或ScaffoldMessenger来控制Banner的显示/隐藏，之后直接执行你的业务逻辑即可。

内容的提问来源于stack exchange，提问作者mohammadAmin