Flutter在initState/初始页面加载Snackbar报错问题求助

你遇到的问题根源在于：initState执行时，当前页面的Scaffold还没有被完全构建到Widget树中，直接调用Scaffold.of(context)找不到对应的Scaffold实例，自然会抛出错误，甚至影响页面内容的加载。

而且从Flutter 2.0开始，Scaffold.of已经被标记为废弃，官方推荐使用ScaffoldMessenger来管理SnackBar，这也是我们需要调整的核心点。

下面给你几种可行的解决办法，按推荐程度排序：

方法一：使用WidgetsBinding.instance.addPostFrameCallback #

这个回调会在当前Widget树绘制完成后触发，此时上下文已经完全就绪，能正确关联到Scaffold：

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  @override
  void initState() {
    super.initState();
    print('In Init State Stream Builder');
    // 等待当前帧绘制完成后执行，确保上下文就绪
    WidgetsBinding.instance.addPostFrameCallback((_) {
      _showSnackbar(context);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text("Hello World"),
      ),
    );
  }

  void _showSnackbar(BuildContext ctx) {
    // 使用官方推荐的ScaffoldMessenger替代旧的Scaffold.of
    ScaffoldMessenger.of(ctx).showSnackBar(
      SnackBar(
        content: ListTile(
          onTap: () {
            ScaffoldMessenger.of(ctx).hideCurrentSnackBar();
          },
          subtitle: const Text("and i'm a subtitle"),
          trailing: const Icon(Icons.check),
        ),
        duration: const Duration(days: 1),
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
        behavior: SnackBarBehavior.floating,
      ),
    );
  }
}

方法二：使用Future.delayed(Duration.zero) #

这是另一种延迟执行的方式，会把任务放到下一个微任务队列，等Widget构建完成后执行，效果和postFrameCallback类似：

@override
void initState() {
  super.initState();
  print('In Init State Stream Builder');
  // 延迟到Widget构建完成后执行
  Future.delayed(Duration.zero, () {
    _showSnackbar(context);
  });
}

额外注意点 #

• 你代码里把SnackBar的duration设为Duration(days:1)，这会让SnackBar一直显示直到手动关闭，逻辑是通顺的，但如果是测试场景可以改成更短的时长，比如Duration(seconds:3)。
• 务必替换掉Scaffold.of，旧方法在新版本Flutter中已被废弃，ScaffoldMessenger还提供了更灵活的全局SnackBar管理能力。

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