如何在Flutter的initState方法中等待SecureStorage读取完成？

你的问题核心在于initState是同步方法，调用异步的getUsername()后不会等待其执行完成，直接就进入了SocketIO初始化的判断逻辑，此时username还未被赋值，所以始终为null。下面是两种简单有效的解决方式：

方式一：在异步方法内完成后续逻辑 #

修改getUsername方法，在成功获取到用户名后直接初始化SocketIO，同时可以根据需求调用setState更新UI：

// 修正getUsername方法，指定返回类型为Future<void>
Future<void> getUsername() async {
  username = await SecureStorage().readSecureStorage('username');
  // 拿到用户名后再初始化SocketIO
  if (username != null) {
    SocketIO().initSocket(username!);
    // 如果需要更新依赖username的UI元素，调用setState
    setState(() {});
  } else {
    // 可选：处理用户名不存在的情况，比如跳转登录页
    // Navigator.pushReplacement(context, MaterialPageRoute(builder: (_) => LoginScreen()));
  }
}

@override
void initState() {
  super.initState();
  // 直接调用异步方法，后续逻辑在方法内部处理
  getUsername();
}

方式二：在initState中使用立即执行的异步匿名函数 #

如果不想修改getUsername方法，可以在initState里用立即执行的异步函数包裹逻辑，确保等待用户名读取完成后再初始化SocketIO：

@override
void initState() {
  super.initState();
  // 立即执行异步匿名函数
  () async {
    username = await SecureStorage().readSecureStorage('username');
    if (username != null) {
      SocketIO().initSocket(username!);
      setState(() {});
    }
  }();
}

两种方式的核心都是确保在异步读取完成后再执行SocketIO的初始化操作，避免因异步时序问题导致的空值错误。同时建议处理username为null的边界情况，比如用户未登录时引导跳转登录页面。

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