颤音：使Splash屏幕加载所有API的数据

Question

我有Flutter应用程序需要将一些API的数据加载到包含动画的飞溅屏幕中。

class _SplashPageState extends State<SplashPage> {
  @override
  void initState() {
    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      var auth = Provider.of<AuthProvider>(context, listen: false);
      auth.chekingAuthVariables();

      var loading = Provider.of<LoadingProvider>(context, listen: false);
      loading.getBrands();
      loading.getVideos();

      var catsProv = Provider.of<CatProviders>(context, listen: false);
      catsProv.getCategoryList();
    });

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return AnimatedSplashScreen(
      backgroundColor: ColorManager.tabBottonNonActive,
      duration: 3000,
      splash: 'assets/splash.png',
      nextScreen: const MainTabPage(),
      splashTransition: SplashTransition.slideTransition,
    );
  }
}

动画的持续时间为3秒钟，有时当网络慢速时，API的数据不加载，这是加载某些屏幕的问题。 加载所有API的数据后，如何使动画持续时间完成？

Answer 1

void loadAPIData() {
          WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
          var auth = Provider.of<AuthProvider>(context, listen: false);
          auth.chekingAuthVariables();
    
          var loading = Provider.of<LoadingProvider>(context, listen: false);
          loading.getBrands();
          loading.getVideos();
    
          var catsProv = Provider.of<CatProviders>(context, listen: false);
          catsProv.getCategoryList();
          // run the animation indefinitely and use navigate after retrieving all data
          Navigator.push(
          context,
      MaterialPageRoute(builder: (context) => const SecondRoute()),
             );
        });
    }

我注意到您正在不使用等待的情况下进行API调用，考虑到您正在从异步来源加载数据，这很奇怪。