Flutter使用MultiProvider结合Bloc时登录页报loginBloc空指针错误

你遇到的空指针报错是两个逻辑错误叠加导致的：

• 对provider包的Provider<T>组件的作用理解错位
• 自定义BlocFormProvider的实现本身不符合Flutter InheritedWidget的设计规范
  你之前单Provider时功能正常，是因为当时你是直接把BlocFormProvider作为父组件包裹在MaterialApp外，它是真实存在于widget树中的，所以节点查找逻辑能正常运行。

1. 空值报错的直接诱因
   你现在的写法里，是把BlocFormProvider（本身是继承自InheritedWidget的组件类）当作普通值，塞进了Provider(create: (_) => BlocFormProvider())里。
   这行代码的实际作用是：创建一个provider框架内部的InheritedWidget，把生成的BlocFormProvider实例作为普通值存储、传递给子树——但从来没有把BlocFormProvider这个组件本身插入到widget树里。
   当LoginPage里调用BlocFormProvider.of(context)时，本质是沿着context向上查找树里的BlocFormProvider类型节点，因为树里根本不存在这个节点，所以返回null，再对null取loginBloc属性就触发了你看到的报错。
2. 自定义BlocFormProvider的设计隐患
   你在类里写了static的_instancia全局单例，通过工厂构造返回全局唯一实例，这完全违背了InheritedWidget的设计逻辑：
   • InheritedWidget的生命周期是绑定到所在的Element树位置的，全局单例会导致第一次创建实例后，后续所有插入树的BlocFormProvider都返回同一个旧实例，这个旧实例绑定的child早已不是当前页面的内容，会引发渲染错乱、内存泄漏
   • 单例写法会导致路由跳转时的context匹配错误，哪怕现在解决了空值问题，后续也会出现其他隐藏bug

给你两种可选的修复方案，根据你的现有代码量选择：

方案1：保留自定义的BlocFormProvider结构 #

先修改BlocFormProvider的实现，删掉错误的单例工厂，改成标准的InheritedWidget写法：

import 'package:flutter/material.dart';
import 'login_bloc.dart';

class BlocFormProvider extends InheritedWidget {
  // 删除原来的静态_instancia和工厂构造
  const BlocFormProvider({
    super.key,
    required super.child,
    required this.loginBloc,
  });

  final LoginBloc loginBloc;

  @override
  bool updateShouldNotify(covariant BlocFormProvider oldWidget) => true;

  static LoginBloc of(BuildContext context) {
    return context
        .dependOnInheritedWidgetOfExactType<BlocFormProvider>()!
        .loginBloc;
  }
}

再修改MultiProvider的结构，把BlocFormProvider作为树的直接父节点插入，而不是塞进Provider里当值：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (_) => UiProvider()),
      ],
      // 把BlocFormProvider作为child的上层节点，真正插入widget树
      child: BlocFormProvider(
        loginBloc: LoginBloc(),
        child: MaterialApp(
          debugShowCheckedModeBanner: false,
          title: 'Flutter Demos',
          initialRoute: 'init',
          routes: {
            'init': (context) => InitialPage(),
            'login': (context) => LoginPage(),
            'signup': (context) => SignUpPage(),
            'home': (context) => HomePage(),
            'remember': (context) => RememberPasswordPage(),
            'start': (context) => StartPage()
          },
        ),
      ),
    );
  }
}

方案2：（更推荐）兼容provider生态的简化写法 #

既然你已经在用provider做状态管理，完全可以删掉自定义的BlocFormProvider类，不需要额外手写InheritedWidget做封装，直接在MultiProvider里暴露LoginBloc即可：

1. 整个删掉BlocFormProvider类的代码
2. 修改MultiProvider的providers列表，直接添加LoginBloc的暴露：

MultiProvider(
  providers: [
    ChangeNotifierProvider(create: (_) => UiProvider()),
    // 直接把LoginBloc作为可暴露的状态注入树
    Provider<LoginBloc>(create: (_) => LoginBloc()),
  ],
  child: MaterialApp(
    // 原有路由配置完全不变
  ),
)

3. 把所有页面里原来调用BlocFormProvider.of(context)获取Bloc实例的代码，替换成provider标准读取方式：

// 旧写法
final loginBloc = BlocFormProvider.of(context);
// 新写法
final loginBloc = context.read<LoginBloc>();

内容的提问来源于stack exchange，提问作者Xavier Duvan Melo