Flutter技术实现：如何创建持久（无限）SnackBar？

没问题！在Flutter里实现一个不会自动消失的持久SnackBar其实很容易，我给你两种实用的方案，你可以根据自己的需求来选：

方案一：设置超长Duration模拟无限显示 #

Flutter的SnackBar本身没有原生的“无限持续”选项，但我们可以通过设置一个足够长的duration来达到近似无限的效果——比如设置成一年，在实际使用场景里完全等同于不会自动消失。

代码示例 #

// 在你的State类里添加这个方法
void showPersistentSnackBar() {
  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(
      content: const Text('这是一个持久SnackBar，不会自动消失！'),
      // 设置超长持续时间，模拟无限
      duration: const Duration(days: 365),
      // 建议添加手动关闭按钮，方便用户操作
      action: SnackBarAction(
        label: '关闭',
        textColor: Colors.white,
        onPressed: () {
          // 手动关闭当前SnackBar
          ScaffoldMessenger.of(context).hideCurrentSnackBar();
        },
      ),
    ),
  );
}

你可以在按钮点击或者其他触发事件里调用这个方法，比如：

ElevatedButton(
  onPressed: showPersistentSnackBar,
  child: const Text('显示持久SnackBar'),
)

方案二：用GlobalKey手动控制生命周期 #

如果需要更灵活地控制SnackBar的显示和隐藏（比如在其他逻辑里主动关闭），可以使用GlobalKey绑定ScaffoldMessenger，这样能更精准地操作SnackBar。

代码示例 #

1. 首先定义GlobalKey：

final GlobalKey<ScaffoldMessengerState> _scaffoldMessengerKey = GlobalKey<ScaffoldMessengerState>();

2. 在Scaffold里绑定这个Key：

Scaffold(
  messengerKey: _scaffoldMessengerKey, // 注意是messengerKey，不是普通的key
  appBar: AppBar(title: const Text('持久SnackBar示例')),
  body: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      ElevatedButton(
        onPressed: _showPersistentSnackBar,
        child: const Text('显示SnackBar'),
      ),
      const SizedBox(height: 16),
      ElevatedButton(
        onPressed: _hidePersistentSnackBar,
        child: const Text('关闭SnackBar'),
      ),
    ],
  ),
);

3. 实现显示和关闭的方法：

void _showPersistentSnackBar() {
  _scaffoldMessengerKey.currentState?.showSnackBar(
    SnackBar(
      content: const Text('我是可以手动控制的持久SnackBar'),
      duration: const Duration(days: 365),
    ),
  );
}

void _hidePersistentSnackBar() {
  _scaffoldMessengerKey.currentState?.hideCurrentSnackBar();
}

注意事项 #

• 如果你的页面会弹出新的路由（比如打开新页面），当前页面的SnackBar会自动消失。如果需要在整个应用层级显示持久SnackBar，可以考虑使用ScaffoldMessenger.root来显示，但这种场景比较少见。
• 建议始终给持久SnackBar添加手动关闭按钮，避免影响用户体验——毕竟没人想被一个关不掉的提示框烦着😉

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