how to apply pagination to firebase search result in flutter

Question

I want to apply pagination to the search result that I get from firebase. to be more clear, I don't want to apply pagination to the listview. I want to get the search result upon the pagination not to get more than one-page data from firebase. and show that to the user.

Answer 1

Firestore/Firebase isn't the best method to apply searching. Try looking at searching with Algolia to begin with.

Answer 2

FirebaseDatabase.getInstance(firebaseApp)
    .getReference("resources")
    .child(FSeason.key)
    .orderByKey()
    .startAt(id)
    .limit(size)

Here, startAt(...) will set the cursor in your database. The order of these data is defined by your orderByKey() function which orders your data alphabetically. Moreover, the limit(...) function defines how many data to retrieve per query.

The id in startAt(id) represents the id of the last retrieved document. So, every time you parse the results from your query, store the last element's id and use that for the next query.

Answer 3

Why don't you try using this package from [vedartm.com]: https://pub.dev/packages/paginate_firestore

PaginateFirestore(
//item builder type is compulsory.
  itemBuilder: (context, documentSnapshots, index) {
    final data = documentSnapshots[index].data() as Map?;
    return ListTile(
      leading: CircleAvatar(child: Icon(Icons.person)),
      title: data == null ? Text('Error in data') : Text(data['name']),
      subtitle: Text(documentSnapshots[index].id),
    );
  },
  // orderBy is compulsory to enable pagination
  query: FirebaseFirestore.instance.collection('users').orderBy('name'),
  //Change types accordingly
  itemBuilderType: PaginateBuilderType.listView,
  // to fetch real-time data
  isLive: true,
),

Just give it a try. You can change the PaginateBuilderType.listView into PaginateBuilderType.gridView