Flutter, Dart: How to show only the first 10 items in list view builder?

user_15492799 0
Viewed 2585

I want to Show only the first ten items in a listview builder, How do I do that.

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();
      }
dart flutter
1 Answers

This is how you would generate the first ten items in a listview builder.

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();
  }
user_128044000
Related