You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
samples/infinite_list
Hao 7171e92c1f
fix the issue of generating more than [catalogLength] items when [catalogLength] is not divisible by [itemsPerPage] (#952)
3 years ago
..
android infinite_list: Adjust lint rules and rebuild Android, iOS and Web runners (#823) 4 years ago
ios infinite_list: Adjust lint rules and rebuild Android, iOS and Web runners (#823) 4 years ago
lib fix the issue of generating more than [catalogLength] items when [catalogLength] is not divisible by [itemsPerPage] (#952) 3 years ago
test infinite_list: Adjust lint rules and rebuild Android, iOS and Web runners (#823) 4 years ago
web infinite_list: Adjust lint rules and rebuild Android, iOS and Web runners (#823) 4 years ago
.gitignore Add the infinite_list sample (#440) 5 years ago
.metadata flutter pub update & various fixes (#627) 4 years ago
README.md Add the infinite_list sample (#440) 5 years ago
analysis_options.yaml Centralize analysis options (#957) 3 years ago
pubspec.lock Updates for 2.8! (#961) 3 years ago
pubspec.yaml infinite_list: Adjust lint rules and rebuild Android, iOS and Web runners (#823) 4 years ago

README.md

infinite_list

A Flutter sample app that shows an implementation of the "infinite list" UX pattern. That is, a list is shown to the user as if it was continuous although it is internally paginated. This is a common feature of mobile apps, from shopping catalogs through search engines to social media clients.

An animated gif of the app in action

This particular sample uses the Provider package but any other state management approach would do.

Goals for this sample

  • Show how UI code can be "shielded" from complex asynchrony and pagination logic using a ChangeNotifier.
  • Illustrate use of Selector from the Provider package.

Questions/issues

If you have a general question about Flutter, the best places to go are:

If you run into an issue with the sample itself, please file an issue.