颤振将listview转换为listview.builder

我在谷歌代码实验室中看到了这个例子。

其中有一个特定的listview，其代码如下：

Widget _buildList(BuildContext context, List<DocumentSnapshot> snapshot) {
  return ListView(
    padding: const EdgeInsets.only(top: 20.0),
    children: snapshot.map((data) => _buildListItem(context, data)).toList(),
  );
}

Widget\u构建列表（构建上下文上下文，列表快照）{
返回列表视图(
填充：仅限常量边集（顶部：20.0），
子项：snapshot.map（（数据）=>\u buildListItem（上下文，数据））.toList（），
);
}

我有兴趣将Listview转换为使用Listview.builder，但不知何故，我不知道如何才能做到这一点。任何提示或帮助都将不胜感激。

Widget\u buildList（BuildContext上下文，List快照）{
 Widget _buildList(BuildContext context, List<DocumentSnapshot> snapshot) {
      return ListView.builder(
          itemBuilder: (ctx, index) {
             return _buildListItem(context,snapshot[index]);
                       }
          itemCount: snapshot.length,
          padding: const EdgeInsets.only(top: 20.0), 
          );
    }

返回ListView.builder(
itemBuilder:（ctx，索引）{
返回_buildListItem（上下文、快照[索引]）；
}
itemCount:snapshot.length，
填充：仅限常量边集（顶部：20.0），
);
}

这应该可以完成任务。

Widget\u buildList（BuildContext上下文，List快照）{
返回ListView.builder(
itemBuilder:（ctx，索引）{
返回_buildListItem（上下文、快照[索引]）；
}
itemCount:snapshot.length，
填充：仅限常量边集（顶部：20.0），
);
}

这应该可以完成任务。

您可以尝试以下方法：

Widget _buildList(BuildContext context, List<DocumentSnapshot> snapshot) {
    return ListView.builder(
        padding: const EdgeInsets.only(top: 20.0),
        itemCount: snapshot.length,
        itemBuilder: (context, index) {
            return _buildListItem(context, snapshot[index]);
        }
    );
}

Widget\u构建列表（构建上下文上下文，列表快照）{
返回ListView.builder(
填充：仅限常量边集（顶部：20.0），
itemCount:snapshot.length，
itemBuilder：（上下文，索引）{
返回_buildListItem（上下文、快照[索引]）；
}
);
}

您可以尝试以下方法：

Widget _buildList(BuildContext context, List<DocumentSnapshot> snapshot) {
    return ListView.builder(
        padding: const EdgeInsets.only(top: 20.0),
        itemCount: snapshot.length,
        itemBuilder: (context, index) {
            return _buildListItem(context, snapshot[index]);
        }
    );
}

Widget\u构建列表（构建上下文上下文，列表快照）{
返回ListView.builder(
填充：仅限常量边集（顶部：20.0），
itemCount:snapshot.length，
itemBuilder：（上下文，索引）{
返回_buildListItem（上下文、快照[索引]）；
}
);
}

您需要做的是按ctrl键单击

列表视图

，然后导航到该视图的源代码，只需滚动并查看

ListView.builder

命名构造函数。将看到您可以使用的所有内容和一些文档注释。是否有人遇到listview.builder的问题？有时很难滚动。这意味着滚动速度慢还是慢？您需要做的是按ctrl键单击

ListView

，然后导航到源代码，然后滚动并查看

ListView.builder

命名构造函数。将看到您可以使用的所有内容和一些文档注释。是否有人遇到listview.builder的问题？有时很难滚动。这意味着滚动速度慢还是慢？