Flutter Custom Pagination #

A simple package to help you paginate your data, in web and mobile. This custom pagination is created due to inflexibility of the Flutter's paginated data table.

Current look and feel are based on Material Design. Feel to contribute to this package to enhance the look and feel of the pagination.

Screenshot image #

Getting Started #

Add this plugin:

dependencies:
  flutter_custom_pagination: ^0.1.0

Usage #

import 'package:flutter_custom_pagination/flutter_custom_pagination.dart';

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FlutterCustomPagination(
      currentPage: currentPage,
      limitPerPage: currentPageLimit,
      totalDataCount: totalDataCount,
      onPreviousPage: _onChangePage,
      onBackToFirstPage: _onChangePage,
      onNextPage: _onChangePage,
      onGoToLastPage: _onChangePage,
      backgroundColor: Theme.of(context).colorScheme.background,
      textStyle: Theme.of(context).textTheme.labelMedium,
      showPageLimitOptions: true,
      pageLimitOptions: pageLimitOptions,
      onPageLimitChanged: _onPageLimitChanged,
      previousPageIcon: Icons.keyboard_arrow_left,
      backToFirstPageIcon: Icons.first_page,
      nextPageIcon: Icons.keyboard_arrow_right,
      goToLastPageIcon: Icons.last_page,
    ),
  );
}

Parameters #