simple_dart_pager 是一个用于 Flutter 的分页导航插件，它可以帮助你轻松地实现分页功能。以下是如何使用 simple_dart_pager 的基本步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 simple_dart_pager 依赖：

dependencies:
  flutter:
    sdk: flutter
  simple_dart_pager: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入包

在你的 Dart 文件中导入 simple_dart_pager：

import 'package:simple_dart_pager/simple_dart_pager.dart';

3. 使用 SimpleDartPager

SimpleDartPager 是一个简单的分页组件，你可以通过以下方式使用它：

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _currentPage = 0;
  final int _totalPages = 10;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Simple Dart Pager Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('Current Page: $_currentPage'),
            SimpleDartPager(
              currentPage: _currentPage,
              totalPages: _totalPages,
              onPageChanged: (int page) {
                setState(() {
                  _currentPage = page;
                });
              },
            ),
          ],
        ),
      ),
    );
  }
}

4. 参数说明

• currentPage: 当前页码。
• totalPages: 总页数。
• onPageChanged: 当用户切换页面时触发的回调函数，返回新的页码。

5. 自定义样式

你可以通过 SimpleDartPager 的构造函数参数来自定义分页器的样式，例如：

SimpleDartPager(
  currentPage: _currentPage,
  totalPages: _totalPages,
  onPageChanged: (int page) {
    setState(() {
      _currentPage = page;
    });
  },
  pageButtonColor: Colors.blue,
  activePageButtonColor: Colors.red,
  pageButtonTextColor: Colors.white,
  activePageButtonTextColor: Colors.black,
  pageButtonSize: 40.0,
  pageButtonMargin: EdgeInsets.all(5.0),
  pageButtonShape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(10.0),
  ),
)

6. 运行项目

现在你可以运行你的 Flutter 项目，并查看 SimpleDartPager 的效果。

7. 其他功能

simple_dart_pager 还支持其他一些功能，例如禁用某些按钮、自定义按钮文本等。你可以查看插件的文档或源码以了解更多详细信息。

8. 示例代码

以下是一个完整的示例代码：

import 'package:flutter/material.dart';
import 'package:simple_dart_pager/simple_dart_pager.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Simple Dart Pager Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _currentPage = 0;
  final int _totalPages = 10;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Simple Dart Pager Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('Current Page: $_currentPage'),
            SimpleDartPager(
              currentPage: _currentPage,
              totalPages: _totalPages,
              onPageChanged: (int page) {
                setState(() {
                  _currentPage = page;
                });
              },
              pageButtonColor: Colors.blue,
              activePageButtonColor: Colors.red,
              pageButtonTextColor: Colors.white,
              activePageButtonTextColor: Colors.black,
              pageButtonSize: 40.0,
              pageButtonMargin: EdgeInsets.all(5.0),
              pageButtonShape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(10.0),
              ),
            ),
          ],
        ),
      ),
    );
  }
}