Flutter+Firebase开发遇setState() called after dispose()错误求助

问题根源：你在initState中调用了Firestore的snapshots().listen()，这个监听会持续接收数据更新，但当HomeScreen页面被销毁（比如用户跳转回邮箱验证页）后，监听回调仍然会触发并调用setState()，此时组件已经dispose，就会抛出错误。

直接有效的解决方案如下：

步骤1：保存StreamSubscription并在dispose时取消订阅 #

Firestore的snapshots()返回的是一个Stream，调用listen()会得到一个StreamSubscription对象。我们需要保存这个对象，在组件销毁时取消订阅，阻止后续的回调触发。

步骤2：修改代码实现 #

class HomeScreen extends StatefulWidget {
  const HomeScreen({super.key});

  @override
  State<HomeScreen> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  final user = FirebaseAuth.instance.currentUser;
  String? firstname;
  String? lastname;
  // 保存订阅对象
  StreamSubscription? _userSubscription;

  void getData() {
    // 保存订阅实例
    _userSubscription = FirebaseFirestore.instance
        .collection('users')
        .doc(user!.uid)
        .snapshots()
        .listen((data) {
      // 额外判断：确保组件仍挂载时才调用setState
      if (mounted) {
        setState(() {
          // 优化：处理数据为空的情况，避免空指针
          firstname = data.data()?['nom'];
          lastname = data.data()?['prenom'];
        });
      }
    });
  }

  @override
  void initState() {
    getData();
    super.initState();
  }

  // 重写dispose方法，取消订阅
  @override
  void dispose() {
    _userSubscription?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        automaticallyImplyLeading: false,
      ),
      body: SafeArea(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Padding(
              padding: EdgeInsets.only(left: 12.0),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.start,
                children: [Text('Hello,', style: GoogleFonts.lato())],
              ),
            ),
            SizedBox(height: 10),
            Padding(
              padding: const EdgeInsets.only(left: 12),
              child: Text(
                '${firstname ?? ''} ${lastname ?? ''}'.toUpperCase(),
                style: GoogleFonts.lato(
                  fontSize: 20,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

关键说明 #

• StreamSubscription? _userSubscription：保存监听的订阅实例，确保我们能在组件销毁时取消它。
• _userSubscription?.cancel()：在dispose()中取消订阅，停止后续的数据回调。
• if (mounted)：双重保险，即使订阅没及时取消，也会判断组件是否还挂载，避免调用setState()。
• data.data()?['nom']：使用可选链操作符处理数据为空的情况，防止空指针异常。

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