flutter - 单个容器中的多个 listview.builder 方法

Question

我一直在尝试在同一主体容器中显示几个 ListView 。我正在使用 Listview.builder，因为我必须获取 json 数据并显示在 ListView 中。

每个 ListView 都必须从不同的 json 文件中获取数据并垂直显示在前一个 ListView 的下方(是的，就像在嵌套 ListView 中一样)。

我看过嵌套的 listvie 示例但是。是否可以使用 listview.builder ？如果是这样，请向我展示示例或教程链接。谢谢你!

这是我用来创建 ListView 的代码。

ListView.builder(
        itemCount: recent == null ? 0 : recent.length,
        itemBuilder: (BuildContext context, int index) {
          return Column(
            children: <Widget>[
              Card(
                child: Column(
                  children: <Widget>[
                    new Image.network(recent[index]["_embedded"]["wp:featuredmedia"][0]["source_url"]),
                    new Padding(
                      padding: EdgeInsets.all(10.0),
                      child: new ListTile(
                        title: new Padding(
                             padding: EdgeInsets.symmetric(vertical: 10.0), 
                             child: new Text(recent[index]["title"]["rendered"])),
                        subtitle: new Text(
                           recent[index]["excerpt"]["rendered"].replaceAll(new RegExp(r'<[^>]*>'), '')
                       ),
                      ),
                    )
                  ],
                ),
              )
            ],
          );
        },
      )        
    );

Answer 1

您可以通过将 SliverList 与 SliverChildBuilderDelegate 一起使用来实现:

CustomScrollView(
  slivers: [
    SliverList(
      delegate: SliverChildBuilderDelegate(
        (BuildContext context, int index) {
          // First JSON
        },
        childCount: childCount,
      ),
    ),
    SliverList(
      delegate: SliverChildBuilderDelegate(
        (BuildContext context, int index) {
          // Second JSON
        },
        childCount: childCount,
      ),
    ),
    SliverList(
      delegate: SliverChildBuilderDelegate(
        (BuildContext context, int index) {
          // Third JSON
        },
        childCount: childCount,
      ),
    ),
    ),
  ],
);