Flutter 提供者和小部件生命周期

Question

我有一个简单的流程：

• 一个 UserModel 实现 ChangeProvider ，它包装了用户的状态（如果它已登录并且实用程序让他登录/注销）。特别是注销看起来像：

  void logout() {
     user = null;
     notifyListeners();
  }
  

• UserPage 小部件（其中包括）：

  class UserPage extends StatelessWidget {
       @override
       Widget build(BuildContext context) {
           // ... adding only relevant code
  
           // a text with the user first letter of the email
           Text(context.watch<UserModel>().user.email[0])
  
           // a logout button with the following onPressed method
           TextButton( \\ ...
               onPressed: () { 
                 context.read<UserModel>().logout();  
                 Navigator.pop(context); 
               }
           )
       }
  }
  

我期待按下注销并弹出UserPage 小部件不会让颤振重建它。但事实并非如此，logout 方法中的notifyListeners() 使颤振重建小部件并触发NullPointerException（因为用户为空且无法访问电子邮件）。

我可以处理它（检查用户对象是否为 != null 但我想了解为什么会发生这种情况）。

假设pop 破坏了小部件是否正确？如果不是，我应该如何处理这种情况？ 当用户注销时，我不想在内存中拥有这个小部件，也不想处理它的存在。我希望在用户登录时创建一个UserPage，并在注销后将其销毁

Answer 1

当您调用 logout 时，watch 在这行 Text(context.watch<UserModel>().user.email[0]) 将导致它所在的小部件重建。

你需要在你调用的push的回调中调用logout来推送这个页面。 pop 还可以发送值来告知成功或失败等条件。

所以应该是这样的：

Navigator.pushNamed(context, some_route).then(value) {
context.read<UserModel>().logout();  
}

回调中的value可以从pop返回，就像Navigator.of(context).pop(true);一样

这将确保 logout 仅在小部件弹出后才被调用。

如果您不喜欢回调，可以使用 async await 模式。