All Projects → dangngocduc → flutter_paging

dangngocduc / flutter_paging

Licence: MIT license
A small library support load infinite for ListView - GridView on Flutter.

Programming Languages

dart
5743 projects
HTML
75241 projects
swift
15916 projects

Projects that are alternatives of or similar to flutter paging

sliding panel
A Flutter slidable widget that provides an easy to use configuration. Highly customisable. Just as you want it!
Stars: ✭ 88 (+175%)
Mutual labels:  flutter-ui, flutter-package, flutter-packages
shimmer animation
This shimmer animation widget can help you bring simple yet beautiful skeleton loaders to your flutter app with ease.
Stars: ✭ 29 (-9.37%)
Mutual labels:  flutter-ui, flutter-package, flutter-packages
survey kit
Flutter library to create beautiful surveys (aligned with ResearchKit on iOS)
Stars: ✭ 68 (+112.5%)
Mutual labels:  flutter-ui, flutter-package, flutter-library
buttons tabbar
A Flutter package that implements a TabBar where each label is a toggle button.
Stars: ✭ 49 (+53.13%)
Mutual labels:  flutter-ui, flutter-package
liquid button
Liquify your buttons, web demo at website
Stars: ✭ 18 (-43.75%)
Mutual labels:  flutter-ui, flutter-package
FlutterLoadingGIFs
Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Demo: https://gallery.codelessly.com/flutterwebsites/loadinggifs/
Stars: ✭ 28 (-12.5%)
Mutual labels:  flutter-ui, flutter-package
getwidget-docs
Get Widgets UI library docs.
Stars: ✭ 17 (-46.87%)
Mutual labels:  flutter-ui, flutter-package
flutter sliding tutorial
User onboarding library with smooth animation of objects and background colors
Stars: ✭ 127 (+296.88%)
Mutual labels:  flutter-ui, flutter-package
flex color scheme
A Flutter package to make and use beautiful color scheme based themes.
Stars: ✭ 370 (+1056.25%)
Mutual labels:  flutter-ui, flutter-package
Interactive-Add-Button-Layout
Custom Layout with interactive add button to impove your UI and UX .
Stars: ✭ 20 (-37.5%)
Mutual labels:  flutter-ui, flutter-package
Flutter-Custom-Carousel
Flutter Custom Carousel Application Design and Animation - day 18
Stars: ✭ 44 (+37.5%)
Mutual labels:  flutter-ui, flutter-package
Flutter-firestore-auth
Flutter mobile app with firestore authentication including Email and Social auth.
Stars: ✭ 95 (+196.88%)
Mutual labels:  flutter-ui, flutter-package
dough
This package provides some widgets you can use to create a smooshy UI.
Stars: ✭ 518 (+1518.75%)
Mutual labels:  flutter-ui, flutter-package
Motion-Tab-Bar
A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it.
Stars: ✭ 237 (+640.63%)
Mutual labels:  flutter-ui, flutter-package
rainbow container
🌈 A magical container which changes colors whenever its build method is called.
Stars: ✭ 21 (-34.37%)
Mutual labels:  flutter-ui, flutter-package
flutter-app
Full Feature Todos Flutter Mobile app with fireStore integration.
Stars: ✭ 138 (+331.25%)
Mutual labels:  flutter-ui, flutter-package
load more flutter BLoC pattern RxDart and RxRedux
🔥 [FUNCTIONAL & REACTIVE PROGRAMMING (FRP)] ❄️[Pure RxDart] Paging ListView flutter 🌸 Load more flutter listview 🌱 Endless scrolling flutter 👏 Flutter infinite list - BLoC pattern - rxdart - reactive stream flutter - RxDart.
Stars: ✭ 91 (+184.38%)
Mutual labels:  flutter-paging-list, flutter-pagination-list
Free-RASP-Flutter
Flutter library for improving app security and threat monitoring on Android and iOS mobile devices.
Stars: ✭ 62 (+93.75%)
Mutual labels:  flutter-package, flutter-library
overflow view
A widget displaying children in a line until there is not enough space and showing a the number of children not rendered.
Stars: ✭ 136 (+325%)
Mutual labels:  flutter-ui, flutter-package
getwidget-web-kit
Get Widget Web app Demo
Stars: ✭ 40 (+25%)
Mutual labels:  flutter-ui, flutter-package

Paging

Pub Package
Star on GitHub style: effective dart MIT License


A Flutter package that supports pagination(load infinite) for ListView, GridView

Demo

DataSource

PageKeyedDataSource

To create a PagingListView or PagingGridView you will need create class which extended from PageKeyedDataSource.

When extended from PageKeyedDataSource, you will need override 2 methods is loadInitial and loadPageAfter.

Output of those function is a Tuple2 with item1 is List is List of data, end item2 is next page index.

Example: if your list start with page index is 0. -> on loadInitial output is Tuple2([...], 1) 1 is next page when load more item.

Example:

class ListViewDataSource extends paging.PageKeyedDataSource<int, Note> {
  NoteRepository noteRepository;

  ListViewDataSource(this.noteRepository);

  @override
  Future<Tuple2<List<Note>, int>> loadInitial(int pageSize) async {
    return Tuple2(await noteRepository.getNotes(0), 1);
  }

  @override
  Future<Tuple2<List<Note>, int>> loadPageAfter(int params, int pageSize) async {
    return Tuple2(await noteRepository.getNotes(params), params + 1);
  }
}

Display on UI

To display on UI, currently you can use PagingListView or PagingGridView.

Example:

      ListViewDataSource dataSource = ListViewDataSource(NoteRepository());

      PagingListView<Note>(
        itemBuilder: (context, data, child) => NoteWidget(data),
        pageDataSource: dataSource,
      ),

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].