Flutter中如何确保initState内函数顺序执行？Firebase数据加载问题

• 核心问题：initState()是同步方法，不能直接标记为async，直接调用initializeData()和initializeSorting()会导致后者在前者未完成时就执行——因为Firebase数据加载属于异步操作。

• 解决方案：在initState()中调用一个单独的异步初始化方法，在这个方法内用await确保initializeData()执行完成后，再启动initializeSorting()。

修改后的代码示例：

class _TasksListState extends State<TasksList> {
  List<Task> tasks = [];
  Set<int> usedIds = Set();
  late String taskTitle;
  late final String user;
  late CollectionReference _collectionRef;

  @override
  void initState() {
    super.initState();
    user = widget.user;
    taskTitle = widget.taskTitle;

    _collectionRef = FirebaseFirestore.instance
        .collection('Users')
        .doc(user)
        .collection('Tasks');

    // 调用异步初始化方法
    _init();
  }

  // 单独的异步初始化方法
  Future<void> _init() async {
    // 等待数据加载完成
    await initializeData();
    // 数据加载完成后执行排序
    initializeSorting();
  }

  // 确保initializeData是异步方法（返回Future）
  Future<void> initializeData() async {
    // 这里写你的Firebase数据加载逻辑，示例：
    final snapshot = await _collectionRef.get();
    tasks = snapshot.docs.map((doc) => Task.fromJson(doc.data() as Map<String, dynamic>)).toList();
    // 若需更新UI，调用setState
    setState(() {});
  }

  void initializeSorting() {
    // 这里写你的排序逻辑，此时tasks已加载完成
    // 示例：tasks.sort((a, b) => a.title.compareTo(b.title));
    setState(() {});
  }
}

• 关键注意点：
  • 必须把initializeData()定义为返回Future的异步方法，这样才能用await等待它执行完毕。
  • 如果initializeData()或initializeSorting()修改了需要渲染的数据，记得调用setState()触发UI更新。

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