Flutter如何正确调用initState实现页面首次打开加载本地缓存与数据库数据

根因说明 #

你遇到的问题本质是异步任务的执行顺序不符合预期：initState本身是同步方法，读SharedPreferences、访问数据库这类IO操作都是异步任务，执行时只会被加入事件队列，initState不会等待它们执行完成就会触发首次页面渲染，此时你的变量还是初始值。
另外你原有代码中_getLanguageChoise和_getData是并行执行的，_getData调用时_languageA还没被赋值，传参本身就是错的。

修改步骤 #

1. 新增加载状态标记 #

用来区分数据是否加载完成，首次渲染时先展示加载占位：

List questionsList = [];
bool _languageA = false;
// 新增加载状态
bool _isLoading = true;

2. 调整异步任务执行逻辑 #

把依赖的异步任务串行执行，确保先拿到语言配置再请求数据库数据，所有任务完成后再更新状态：

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

/// 封装统一的初始化逻辑，按依赖顺序执行异步任务
Future<void> _initPageData() async {
  // 加载下拉菜单配置，异步方法要加await等待执行完成
  await loadData();
  // 等待SharedPreferences读取语言配置完成，再进行后续操作
  await _getLanguageChoise();
  // 此时_languageA已经是正确的读取值，再传入数据库查询方法
  final result = await _getData(arabic: _languageA);
  
  // 所有数据加载完成后更新状态
  setState(() {
    questionsList = result;
    _isLoading = false;
  });
}

// 注意：_getLanguageChoise要修改为返回Future的异步方法，示例如下：
Future<void> _getLanguageChoise() async {
  final sp = await SharedPreferences.getInstance();
  _languageA = sp.getBool("your_sp_key") ?? false;
}

如果loadData和_getLanguageChoise没有依赖关系，也可以用Future.wait并行执行两个任务，提升加载速度：

Future<void> _initPageData() async {
  await Future.wait([
    loadData(),
    _getLanguageChoise(),
  ]);
  final result = await _getData(arabic: _languageA);
  setState(() {
    questionsList = result;
    _isLoading = false;
  });
}

3. 适配build逻辑 #

根据加载状态分支渲染页面：

@override
Widget build(BuildContext context) {
  // 加载中状态展示占位UI
  if (_isLoading) {
    return const Scaffold(
      body: Center(
        child: CircularProgressIndicator(),
      ),
    );
  }
  // 加载完成后渲染正常页面，此时questionsList和_languageA都是正确值
  return Scaffold(
    // 你的原有页面逻辑
  );
}

注意事项 #

不要试图在initState中用await阻塞等待异步结果，这不符合Flutter的渲染调度逻辑，会导致页面卡住无响应。

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