Flutter中late修饰的变量已赋值仍报未初始化错误如何解决

问题原因 #

• 异步执行时序不匹配：updateStatus()是异步Future方法，initState中调用时不会阻塞后续执行流程，页面触发build时，如果直接读取isOnline属性，此时checkConnectivity()的异步调用还未返回结果，_isOnline还未完成赋值，因此触发late变量未初始化的报错。
• 缺少状态更新通知：当前updateStatus()方法中赋值完成后没有调用notifyListeners()，即使赋值完成，依赖该状态的Widget也无法收到更新通知。

解决方案 #

方案1：移除late修饰，添加默认初始值（最推荐） #

直接给_isOnline设置初始值，从根源避免late变量的初始化风险，同时补充状态通知逻辑：

import 'dart:async';
import 'package:connectivity_plus/connectivity_plus.dart';
import 'package:flutter/material.dart';

class ConnectivityProvider with ChangeNotifier {
  // 设置默认初始值，无需late修饰
  bool _isOnline = false;

  Future<void> updateStatus() async {
    Connectivity connectivity = Connectivity();
    final ConnectivityResult connectivityResult = await connectivity.checkConnectivity();
    _isOnline = connectivityResult != ConnectivityResult.none;
    // 赋值完成后通知所有监听者更新UI
    notifyListeners();
  }

  bool get isOnline => _isOnline;
}

如果需要区分「未初始化」和「离线」两种状态，可以使用可空类型：

// 可空类型，初始值为null代表还未完成状态检测
bool? _isOnline;
// 外部调用时可以根据业务需要判断null值展示加载状态
bool? get isOnline => _isOnline;

方案2：保证访问前完成初始化 #

如果一定要保留late修饰，需要确保第一次读取isOnline时，updateStatus()已经执行完成：

// 页面内增加加载状态标识
bool _isInitDone = false;

@override
void initState() {
  super.initState();
  // 等待异步初始化完成再渲染业务内容
  Provider.of<ConnectivityProvider>(context, listen: false).updateStatus().then((_) {
    setState(() => _isInitDone = true);
  });
}

@override
Widget build(BuildContext context) {
  // 初始化完成前展示加载占位
  if (!_isInitDone) {
    return const Center(child: CircularProgressIndicator());
  }
  // 初始化完成后再使用isOnline渲染业务内容
  final isOnline = Provider.of<ConnectivityProvider>(context).isOnline;
  // 后续业务逻辑
  return ...;
}

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