Flutter/Dart中如何在ChangeNotifier创建时执行异步调用？

方案一：构造函数触发异步方法，内部完成后通知更新 #

这是最贴合需求的方案，无需改变实例化方式，构造函数直接启动异步任务，任务完成后自动通知监听者更新状态。同时增加加载状态，让UI可以处理加载中的场景：

class FoldersProvider extends ChangeNotifier {
  final _folders = <Directory>[];
  bool _isLoading = true; // 标记是否正在加载数据

  // 对外暴露只读状态和数据
  bool get isLoading => _isLoading;
  List<Directory> get folders => List.unmodifiable(_folders);

  FoldersProvider() {
    // 构造函数直接触发异步方法，无需await
    _addDefaultFoldersIfAccessible();
  }

  Future<void> _addDefaultFoldersIfAccessible() async {
    try {
      // 执行你的异步逻辑，比如获取可访问的默认文件夹
      final defaultDirectories = await _getAccessibleDefaultFolders();
      _folders.addAll(defaultDirectories);
    } catch (e) {
      // 这里可以添加错误处理，比如记录日志或设置错误状态
    } finally {
      _isLoading = false;
      notifyListeners(); // 数据加载完成后通知UI更新
    }
  }

  // 示例：模拟异步获取默认文件夹的逻辑
  Future<List<Directory>> _getAccessibleDefaultFolders() async {
    await Future.delayed(const Duration(milliseconds: 300));
    return [Directory('/storage/emulated/0/Documents')];
  }
}

使用说明： #

• 实例化方式和常规ChangeNotifier完全一致：Provider(create: (_) => FoldersProvider())
• UI层可以通过isLoading状态显示加载提示，加载完成后再渲染folders数据

方案二：工厂构造函数返回Future（需配合FutureProvider） #

如果需要确保数据加载完成后再使用Provider，可以用私有构造函数+工厂方法的方式，返回Future<FoldersProvider>：

class FoldersProvider extends ChangeNotifier {
  final _folders = <Directory>[];

  // 私有构造函数，禁止直接实例化
  FoldersProvider._internal();

  // 工厂方法，异步初始化后返回实例
  static Future<FoldersProvider> create() async {
    final provider = FoldersProvider._internal();
    await provider._addDefaultFoldersIfAccessible();
    return provider;
  }

  Future<void> _addDefaultFoldersIfAccessible() async {
    final defaultDirectories = await _getAccessibleDefaultFolders();
    _folders.addAll(defaultDirectories);
    notifyListeners();
  }

  Future<List<Directory>> _getAccessibleDefaultFolders() async {
    await Future.delayed(const Duration(milliseconds: 300));
    return [Directory('/storage/emulated/0/Download')];
  }
}

使用说明： #

• 需要用FutureProvider来提供实例：

  FutureProvider<FoldersProvider>(
    create: (_) => FoldersProvider.create(),
    initialData: FoldersProvider._internal(), // 可选：提供初始空实例
    child: YourApp(),
  )
  

• UI层通过Consumer<FoldersProvider>或Provider.of获取加载完成后的实例

方案三：手动调用初始化方法 #

新增一个init方法，在Provider实例化后手动调用，适合需要控制初始化时机的场景：

class FoldersProvider extends ChangeNotifier {
  final _folders = <Directory>[];
  bool _isInitialized = false;

  List<Directory> get folders => _isInitialized ? List.unmodifiable(_folders) : [];

  // 手动调用此方法完成初始化
  Future<void> init() async {
    if (_isInitialized) return; // 避免重复初始化
    await _addDefaultFoldersIfAccessible();
    _isInitialized = true;
    notifyListeners();
  }

  Future<void> _addDefaultFoldersIfAccessible() async {
    final defaultDirectories = await _getAccessibleDefaultFolders();
    _folders.addAll(defaultDirectories);
  }

  Future<List<Directory>> _getAccessibleDefaultFolders() async {
    await Future.delayed(const Duration(milliseconds: 300));
    return [Directory('/storage/emulated/0/Pictures')];
  }
}

使用说明： #

• 实例化方式不变：Provider(create: (_) => FoldersProvider())
• 在UI的initState中调用初始化：

  @override
  void initState() {
    super.initState();
    Provider.of<FoldersProvider>(context, listen: false).init();
  }
  

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