Flutter Riverpod-使用异步值初始化

时间:2020-10-09 17:56:51

标签: flutter dart flutter-provider

我正在尝试学习Riverpod,我有一个ChangeNotifierProvider,其中有一些字段需要使用异步操作返回的值进行初始化。据我所知,我无法异步创建ChangeNotifierProvider吗?

示例ChangeNotifierProvider

class SomeState extends ChangeNotifier {
  String email = '';

  // needs to be set to value returned from
  // shared preferences upon init
}

如果不可能,是否还有另一个提供程序可以更好地工作,因为我想将其值初始化为异步方法返回的值?

1 个答案:

答案 0 :(得分:1)

是的,有可能作为Abion47的评论。让我在下面的代码中显示更多详细信息

class EmailNotifier extends ChangeNotifier {
  String email = '';

  void load() {
    functionReturnFuture.then(value) {
      setEmail(value);
    }
  }

  void setEmail(String value) {
    // email loaded but not changed, so no need to notify the listeners
    if(value == email) return;

    // email has loaded and change then we notify listeners
    email = value;
    notifyListeners();
  }
}


var emailNotifier = ChangeNotifierProvider<EmailNotifier>((ref) {
  var notifier = EmailNotifier();

  // load the email asynchronously, once it is loaded then the EmailNotifier will trigger the UI update with notifyListeners
  notifier.load();
  return notifier;
});

由于我们独立于Flutter UI来管理状态,因此没有任何东西可以阻止您运行代码来触发状态更改,例如在我们的案例中 notifier.load()

在设置 notifier.load()和电子邮件之后,提供商将使用 notifyListeners()触发UI更改。

您可以使用FutureProvider获得类似的结果。