分页器

适用于多种情况的数字分页，例如自定义分页表格。

入门

您应该确保将分页器作为依赖项添加到您的 Flutter 项目中。

dependencies:
 pager: ^0.0.3

示例项目

example文件夹中有一个示例项目。查看它。否则，请继续阅读以开始使用。

用法

需要将包导入到将使用它的 dart 文件中，使用以下命令：

import 'package:pager/pager.dart';

分页器

基本组件

new Pager(
            currentPage: _currentPage,
            totalPages: 5,
            onPageChanged: (page) {},
          ),

完整的示例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Pagination Example"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Container(
              height: 200,
              margin: const EdgeInsets.all(32),
              color: Colors.blue,
              child: Center(
                child: Text(
                  "PAGE: $_currentPage",
                  style: const TextStyle(color: Colors.white, fontSize: 20),
                ),
              ),
            ),
            Pager(
              currentPage: _currentPage,
              totalPages: 5,
              onPageChanged: (page) {
                setState(() {
                  _currentPage = page;
                });
              },
            ),
          ],
        ),
      ),
    );
  }
}

GitHub

查看 Github