https://github.com/best-flutter/flutter_page_indicator

Page indicator for flutter, with multiple build-in layouts.
https://github.com/best-flutter/flutter_page_indicator

Last synced: 3 months ago
JSON representation

Page indicator for flutter, with multiple build-in layouts.

• Host: GitHub
• URL: https://github.com/best-flutter/flutter_page_indicator
• Owner: best-flutter
• License: mit
• Created: 2018-09-01T14:24:14.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2021-05-02T15:48:56.000Z (about 5 years ago)
• Last Synced: 2026-03-27T23:42:00.626Z (3 months ago)
• Language: Dart
• Homepage:
• Size: 126 KB
• Stars: 175
• Watchers: 2
• Forks: 77
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          




    

        

    



# flutter_page_indicator

Page indicator for flutter, with multiple build-in layouts.

## Show cases

![showcases](https://github.com/jzoom/images/raw/master/page_indicator.gif)

### Installation

Add 

```bash

flutter_page_indicator:

```

to your pubspec.yaml ,and run 

```bash

flutter packages get 

```

in your project's root directory.

### Basic Usage

```

new PageIndicator(

  layout: PageIndicatorLayout.SLIDE,

  size: 20.0,

  controller: YOUR_PAGE_CONTROLLER,

  space: 5.0,

  count: 4,

)

```

### All build-in layouts

| Layout  | Showcase   | Support version   | 

| :------------ |:---------------:|:---------------:|

| PageIndicatorLayout.NONE | ![](https://raw.githubusercontent.com/jzoom/images/master/indicator1.gif)  | From 0.0.1 |

| PageIndicatorLayout.SLIDE | ![](https://raw.githubusercontent.com/jzoom/images/master/indicator2.gif)  | From 0.0.1 |

| PageIndicatorLayout.WARM | ![](https://raw.githubusercontent.com/jzoom/images/master/warm.gif)  | From 0.0.1 |

| PageIndicatorLayout.COLOR | ![](https://raw.githubusercontent.com/jzoom/images/master/indicator4.gif)  | From 0.0.1 |

| PageIndicatorLayout.SCALE | ![](https://raw.githubusercontent.com/jzoom/images/master/indicator5.gif)  | From 0.0.1 |

| PageIndicatorLayout.DROP | ![](https://raw.githubusercontent.com/jzoom/images/master/indicator7.gif)  | From 0.0.1 |