Flutter 等待 Provider 在 multiprovider 中准备就绪

Question

我在同步提供者创建时遇到问题。 我是颤振的新手，我会尽量解释得更好。

在我的 main.dart 中，我有两个提供程序，一个用于用户身份验证，另一个用于代码中的另一个小部件，它只需要显示一个列表。 我使用 ChangeNotifierProxyProvider 因为所有其他提供者都需要访问用户身份验证令牌和详细信息。 用户存储、读取令牌的所有方法都在 userProvider 中。

当调用 UserProvder.init() 时，对象已创建但由于 http 请求仍未准备好，主程序中的代码继续执行并将 UserProvider 传递给认为 UserProvider 已准备好但尚未准备好的 Conto Provider。 当 ContoProvider 开始使用 UserProvider 内部的令牌检索 List 时，通过 userService 访问失败，因为它仍然为空。

那么，我如何同步提供者的创建以等待 UserProvider 完全准备好然后初始化所有其他提供者？

main.dart

Widget build(BuildContext context) {
return MultiProvider(
  providers: [
    ChangeNotifierProvider<UserProvider>(
      create:  (_)  => UserProvider.init(),

    ),
    ChangeNotifierProxyProvider<UserProvider, ContoProvider>(
      create: (_) {
        return ContoProvider.init(
            Provider.of<UserProvider>(_, listen: false));
        },

      update: (_,  userProvider,  contoProvider) =>
          contoProvider..update(userProvider),
    ),
  ],
  child:... 

userProvider.dart

      User activeUser = User(null, null, null);
      UserStatus status = UserStatus.Checking;


        UserProvider.init() {

            checkUserPresence();
          }

          void checkUserPresence() async {
             /*here i check if in secure storage there is a refreshtoken if there is i make an http
 request for a new token and a second request to fill the User into UserProvider so i need await async*/
          }

ContoProvider.dart

    UserProvider userService;
      ContoProvider.init(UserProvider user) {

        userService = user;

        lookUpConti();
      }

      void lookUpConti() async {
        /*here i make an http call to retrive some data, i access to 
userService for get token and refresh token if needed*/
    }

Answer 1

您可以使用WidgetsFlutterBinding.ensureInitialized()

void main() {

  /** WidgetsFlutterBinding.ensureInitialized() is required in Flutter v1.9.4+ before using any plugins if the code is executed before runApp. */

  WidgetsFlutterBinding.ensureInitialized();



  runApp(
    MultiProvider(
      providers: [
         ChangeNotifierProvider<UserProvider>(
           create:  (_)  => UserProvider.init()),

         ChangeNotifierProxyProvider<UserProvider, ContoProvider>(
            create: (_) {
               return ContoProvider.init(
                   Provider.of<UserProvider>(_, listen: false));
             },

           update: (_,  userProvider,  contoProvider) =>
             contoProvider..update(userProvider),
         ),
       ],
      child: MyApp(),
    ),

}

PS ：我建议您将存储库与提供商分开。 也就是说，不应在您的提供者中找到对外部/网络资源的 API 调用。 您可以将此类类作为参数传递给您的提供者。