Flutter使用GetX构建Obx时抛出_CastError空值检查运算符异常

根因分析 #

错误堆栈指向GetBuilderState.initState的空断言报错，本质是ControlViewModel实例管理逻辑混乱，和GetX的全局容器管理规则冲突，首次登录时实例为首次创建无冲突，登出后页面重建时GetBuilder无法获取到有效实例触发空错误，具体原因：

• 你在3个位置重复创建ControlViewModel实例：ControlView的build方法中、build返回的GetBuilder中、bottomNavigationBar的GetBuilder的init参数中，每次页面重建都会生成新实例，和GetX的全局实例管理逻辑冲突
• 页面结构嵌套错误：MyApp的home中已经嵌套了一层Scaffold，ControlView登录后又返回一层Scaffold，多层嵌套导致状态绑定上下文混乱
• 若登出逻辑手动调用了Get.delete<ControlViewModel>销毁实例，第二次登录时手动init的实例没有被正确注册到Get容器中，GetBuilder读取实例时触发空断言

修复步骤 #

步骤1：统一注册ControlViewModel到全局绑定 #

在你的初始化Binding类中添加ControlViewModel的懒加载注册：

class Binding extends Bindings {
  @override
  void dependencies() {
    Get.lazyPut(() => AuthViewModel());
    // 新增这行注册ControlViewModel
    Get.lazyPut(() => ControlViewModel());
  }
}

步骤2：重构ControlView代码，移除重复实例化逻辑 #

修改后的ControlView代码如下：

class ControlView extends GetWidget<AuthViewModel>{
  @override
  Widget build(BuildContext context) {
    return Obx(() {
      return (controller.user == null)
          ? LoginView()
          : GetBuilder<ControlViewModel>(
              builder: (controller) => Scaffold(
                appBar: AppBar(
                  title: Text('Training App'),
                  centerTitle: true,
                  actions: <Widget>[
                    IconButton(
                      icon: Icon(Icons.settings, color: Colors.white,),
                      onPressed: () => debugPrint('Settings button tapped'),
                    ),
                    IconButton(
                      icon: Icon(Icons.more_horiz, color: Colors.white,),
                      onPressed: () => debugPrint('Menu button tapped'),
                    )
                  ],
                ),
                drawer: SideBar(),
                body: controller.currentScreen,
                bottomNavigationBar: bottomNavigationBar(),
              ),
      );
    });
  }

  Widget bottomNavigationBar() {
    return GetBuilder<ControlViewModel>(
      builder: (controller) =>  BottomNavigationBar(
            items: [
              BottomNavigationBarItem(icon: Icon(Icons.search), label: 'search'.tr),
              BottomNavigationBarItem(icon: Icon(Icons.home_outlined), label: 'reserve'.tr),
              BottomNavigationBarItem(icon: Icon(Icons.add), label: 'Déposer'),
              BottomNavigationBarItem(icon: Icon(Icons.email_outlined), label: 'Messages'),
              BottomNavigationBarItem(icon: Icon(Icons.person_outline), label: 'Profil'),
            ],
            currentIndex: controller.navigatorValue,
            onTap: (index) => controller.changeSelectedValue(index),
            type: BottomNavigationBarType.fixed,
            backgroundColor: Colors.yellow,
            iconSize: 20,
          ),
    );
  }    
}

步骤3：修改main.dart的home结构，移除外层冗余Scaffold #

修改后MyApp代码如下：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      title: 'Flutter App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        appBarTheme: AppBarTheme(color: Colors.orange),
      ),
      initialBinding: Binding(),
      home: ControlView(),
      translations: Translate(),
      locale: Locale('fr'),
      fallbackLocale: Locale('fr'),
    );
  }
}

步骤4：修正登出逻辑 #

登出操作仅需调用Firebase登出即可，不需要手动跳转页面或销毁ViewModel，AuthViewModel绑定的authStateChanges流会自动更新状态，Obx会自动触发页面跳转：

void logout() async {
  await FirebaseAuth.instance.signOut();
  // 不需要手动调用Get.off或者Get.delete删除ControlViewModel
}

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