Flutter Widgets 访问 Null Provider 对象

Question

我正在开发我的第一个 Flutter 应用程序，但在使用 Provider 管理应用程序状态的方法上遇到了困难。我已经简化了一些事情，但最重要的是我有一个 AppModel 类，其中包含一个用户令牌，一旦通过身份验证，他们将在发出 API 请求时使用该用户令牌，以及他们当前的“团队”选择。

class AppModel extends ChangeNotifier {
  Team _team;
  Team get currentTeam => _team;

  String _userToken;
  String get userToken => _userToken;

  void setUser({String token, Team team}) {
    _userToken = token;
    _team = team;
    notifyListeners();
  }

  void exitTeam() {
    _team = null;
    notifyListeners();
  }
}

用户可以定位到一些主要位置。如果他们的 userToken 为空，他们应该被带到登录页面。如果他们有一个 userToken，但 currentTeam 为空，他们应该在团队选择屏幕上。如果他们有一个团队，他们就在一组页面中，他们可以从“TeamHomePage”小部件开始管理该团队。在顶层，我有以下小部件构建功能：

  @override
  Widget build(BuildContext context) {
    return Consumer<AppModel>(
        builder: (context, model, _) => (model?.userToken?.isEmpty ?? true
            ? LoginScreen()
            : (model.currentTeam == null
                ? SelectTeamWidget(userToken: model.userToken)
                : TeamHomeWidget())));
  }

在 TeamHomeWidget 中，还有其他页面是 AppModel 的消费者，它们查看 currentTeam 属性。在其中，有退出当前团队的选项，以便他们可以选择不同的团队。为此，我在 AppModel 中调用了 exitTeam 函数：

Provider.of<AppModel>(context, listen: false).exitTeam();

这几乎可以按预期工作。从 TeamHomeWidget 调用 exitTeam 时，它可以工作。但是，当我在链接出 TeamHomeWidget 且也是 AppModel 消费者的任何其他页面上时，我会遇到与 currentTeam 现在为空的事实相关的崩溃。但是，我打算不再呈现这些页面，因为它们应该被带回 SelectTeamWidget。这种做法不正确吗？

Answer 1

由于您的 TeamHomeWidget 也被 Consumer 包裹 并使用 currentTeam 做某事。这个 Consumer 也在监听 AppModel 的变化，如果这个 Consumer 的触发比你的顶级 Consumer Widget快，那么你的应用就会崩溃。

为防止这种情况，请将顶层的值分配给 TeamHomeWidget

 @override
  Widget build(BuildContext context) {
    return Consumer<AppModel>(
        builder: (context, model, _) => (model?.userToken?.isEmpty ?? true
            ? LoginScreen()
            : (model.currentTeam == null
                ? SelectTeamWidget(userToken: model.userToken)
                : TeamHomeWidget(team: model.currentTeam))));
  }