添加对 json 数据的“Future”api 调用作为无限滚动 Flutter Gallery 示例项目

尝试学习新的 flutter 框架，看起来非常有前途！完成所有在线演示后，我现在尝试将外部数据添加到“pesto”部分中的 flutter_gallery 示例项目中，这些数据可以通过每 10 个项目调用一次新的 Future 数据来无限滚动。

( https://github.com/flutter/flutter/blob/master/examples/flutter_gallery/lib/demo/pesto_demo.dart https://github.com/flutter/flutter/blob/master/examples/flutter_gallery/lib/demo/pesto_demo.dart )

我已经成功地对外部数据进行了“未来”调用并填充了示例的香蒜酱部分，但是现在我想将其提升到一个新的水平，并在用户滚动到时从另一个未来数据项中调用另外 10 个项目。清单上的第七项。

很难找到一个例子来揭开我的困惑，想知道是否有人知道使用 flutter_gallery 示例来解决这个问题的任何编码示例。我无法理解在 CustomScrollView 示例中使用语法或结构或两者来执行此操作的正确结构（有很多 ListView 示例，但这没有帮助）。

期待任何想法或代码片段。

几周前我也开始学习 Flutter，并面临着同样的情况，这是我能够想出的第一个解决方案。答案可能可以改进，让我知道你是如何解决这个问题的。

我能够实现一个屏幕ListView使用以下方式在滚动上添加更多项目流生成器, BLoC and ListView.builder.

下面是代码片段流生成器我称之为child: in body: of my Scaffold

StreamBuilder<List<Content>> _getContentsList() {
var page = 1;
return StreamBuilder<List<Content>>(
  stream: bloc.contents,
  initialData: [],
  builder: (context, snapshot) =>
      ListView.builder(itemBuilder: (context, index) {
        print('looping...');
        if (snapshot.data.isNotEmpty) {
          if (index < snapshot.data.length) {
            return ListTile(
              title: Text(
                snapshot.data.elementAt(index).title,
                style:
                    TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold),
              ),
              subtitle: Text(
                snapshot.data.elementAt(index).description,
                style: TextStyle(fontSize: 14.0),
              ),
            );
          } else if (index / 9 >= page) {
            page++;
            print('index: $index, page: $page');
            bloc.index.add(index);
          } else
            return null;
        }
      }),
);}

In BLoC我正在调用一个 API，它采用起始索引并从该索引返回 9 个列表项。