Flutter、Dart：如何在列表視圖生成器中僅顯示前 10 個項目？

Question

我只想顯示列表視圖構建器中的前十個項目，我該怎么做。

ListView.builder(
    itemCount: data == null ? 0 : data.length,
    itemBuilder: (BuildContext context, int index) {
      if (data[index]['population'] >= 100000) {
        return new Card(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              new Text(data[index]["name"]),
              new Text(data[index]["population"].toString()),
              new Text(data[index]["latlng"].toString()),
            ],
          ),
        );
      } else {
        return Container();
      }

Answer 1

這就是您在列表視圖構建器中生成前十個項目的方式。

ListView.builder(
itemCount: data == null ? 0 : (data.length > 10 ? 10 : data.length),
itemBuilder: (BuildContext context, int index) {
  if (data[index]['population'] >= 100000) {
    return new Card(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          new Text(data[index]["name"]),
          new Text(data[index]["population"].toString()),
          new Text(data[index]["latlng"].toString()),
        ],
      ),
    );
  } else {
    return Container();
  }