如何通过top_snackbar_flutter上的按钮手动关闭弹窗？

top_snackbar_flutter的弹窗基于Overlay实现，无法用常规的Navigator.pop关闭，必须使用库提供的专属关闭方法或回调。以下是两种可行的实现方案：

方案一：使用弹窗返回的关闭回调 #

调用showTopSnackBar时会返回一个VoidCallback类型的关闭函数，将这个函数传递给自定义弹窗组件，在按钮点击时直接调用即可：

// 自定义来电弹窗组件
class IncomingCallBar extends StatelessWidget {
  final VoidCallback onAccept;
  final VoidCallback onReject;
  final VoidCallback closeSnackBar;

  const IncomingCallBar({
    super.key,
    required this.onAccept,
    required this.onReject,
    required this.closeSnackBar,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
      color: Colors.grey[100],
      child: Column(
        children: [
          const Text('来电提醒', style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
          const SizedBox(height: 10),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              ElevatedButton(
                onPressed: () {
                  onAccept(); // 执行接听逻辑
                  closeSnackBar(); // 关闭弹窗
                },
                child: const Text('接听'),
              ),
              ElevatedButton(
                onPressed: () {
                  onReject(); // 执行拒接逻辑
                  closeSnackBar(); // 关闭弹窗
                },
                child: const Text('拒接'),
              ),
            ],
          ),
        ],
      ),
    );
  }
}

// 打开弹窗的逻辑
void showIncomingCall(BuildContext context) {
  final closeCallback = showTopSnackBar(
    Overlay.of(context),
    IncomingCallBar(
      onAccept: () {
        // 这里编写接听后的业务逻辑，比如跳转通话页面
      },
      onReject: () {
        // 这里编写拒接后的业务逻辑，比如标记来电为已拒接
      },
      closeSnackBar: () => closeCallback(),
    ),
  );
}

方案二：直接调用closeTopSnackBar方法 #

如果不想传递回调，也可以直接调用库提供的closeTopSnackBar方法，只需传入弹窗所在的OverlayState：

// 在按钮点击事件中直接关闭弹窗
ElevatedButton(
  onPressed: () {
    // 先执行拒接逻辑
    closeTopSnackBar(Overlay.of(context));
  },
  child: const Text('拒接'),
)

核心注意事项 #

• top_snackbar_flutter的弹窗不属于Navigator路由栈，禁止使用Navigator.pop关闭，必须用库提供的方法。
• 确保Overlay.of(context)获取的是打开弹窗时使用的同一个OverlayState，否则会出现关闭失效的情况。

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