Firebase 在我的Flitter应用程序中，页面内容只有在触摸屏幕时才会加载。为什么？

我在这个页面上使用了有状态小部件

首先，我在initState中运行函数，将数据存储到变量中作为List，然后以listview的形式输出数据

我还使用了async并在initState中等待函数

我正在使用firebase将数据加载到Flatter应用程序中。
因此，当我触摸屏幕时，页面的内容被加载，在触摸屏幕之前，它只是一个黑色的空白屏幕。但当我触摸屏幕时，数据突然以ListView的形式加载。因此，我希望即使不先触摸屏幕也能加载数据

所以，任何人都可以向我解释为什么会发生这种情况，以及如何阻止这种情况。我想在后台下载和处理数据后立即加载数据

代码：-

    void initState(){
    super.initState();
    findFollowers();  }
    findFollowers({bool clearCachedData = false}) async
  {
    if(clearCachedData) {
      setState(() {
        followersResults = null;
      });
    }
    List<UserResult> searchFollowersResult = [];
    QuerySnapshot allFollowers = await followersRefrence.doc(widget.userProfileId).collection("userFollowers").limit(limit).get();

    allFollowers.docs.forEach((document) async {
      QuerySnapshot ds = await usersReference.where("id", isEqualTo: document.id).get();
      ds.docs.forEach((docu) {
        User eachUser = User.fromDocument(docu);
        UserResult userResult = UserResult(eachUser);
        searchFollowersResult.add(userResult);
      });
    });

    setState(() {
      followersResults = searchFollowersResult;
      if(allFollowers!=null)
      {
        if(allFollowers.docs.length != 0)
        {
          startAfter = allFollowers.docs[allFollowers.docs.length-1];
        }
      }
    });
  }

    return ListView(children: followersResults, controller: scrollController,
        physics: const BouncingScrollPhysics(parent: AlwaysScrollableScrollPhysics()),);

void initState（）{
super.initState（）；
findFollowers（）；}
findFollowers（{bool clearCachedData=false}）异步
{
如果（clearCachedData）{
设置状态（）{
followersResults=null；
});
}
列出searchFollowersResult=[]；
QuerySnapshot allFollowers=wait followersRefrence.doc（widget.userProfileId）.collection（“userFollowers”）.limit（limit.get（）；
allFollowers.docs.forEach（（文档）异步{
QuerySnapshot ds=await usersReference.where（“id”，isEqualTo:document.id）.get（）；
ds.docs.forEach（（docu）{
User eachUser=User.fromDocument（docu）；
UserResult UserResult=UserResult（eachUser）；
searchFollowersResult.add（userResult）；
});
});
设置状态（）{
FollowersResult=搜索FollowersResult；
if（allFollowers！=null）
{
if（allFollowers.docs.length！=0）
{
startAfter=allFollowers.docs[allFollowers.docs.length-1]；
}
}
});
}
返回ListView（子项：followersResults，控制器：scrollController，
物理：常量反弹滚动物理（父项：AlwaysScrollableScrollPhysics（））；
异步读取和显示数据的一个好方法是将
FutureBuilder
与
ListView.builder
一起使用，例如

  Widget build(BuildContext context) {
    log.v('build called');
    final postService = Provider.of<PostService>(context);
    return FutureBuilder(
      future: postService.getPosts(),
      builder: (ctx, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting)
          return Center(child: CircularProgressIndicator());
        final List<Post> posts = snapshot.data;
        return ListView.builder(
          itemCount: posts.length,
          itemBuilder: (context, index) {
          ProjectModel post = posts.data[index];
          return Column(

小部件构建（构建上下文）{
log.v（'buildcalled'）；
最终邮政服务=提供者（上下文）；
回归未来建设者(
future:postService.getPosts（），
生成器：（ctx，快照）{
if（snapshot.connectionState==connectionState.waiting）
返回中心（子项：CircularProgressIndicator（））；
最终列表帖子=snapshot.data；
返回ListView.builder(
itemCount:posts.length，
itemBuilder：（上下文，索引）{
ProjectModel post=posts.data[索引]；
返回列(

这里是
postService.getPosts（）
是一种读取和返回帖子列表的异步方法。
FutureBuilder
根据访问状态调用其
builder
，我们在加载时显示进度指示器，然后在加载时显示
ListView
。请注意，
ListView.builder
是一种更有效的呈现小部件的方法在一个可滚动列表中。
你能显示小部件的代码吗？然后我们可以尝试帮助你。我已经更新了代码。
所以任何人都可以向我解释为什么会发生这种情况，
我想你没有提到发生了什么