# flutter_page_indicator

**Repository Path**: tataben/flutter_page_indicator

## Basic Information

- **Project Name**: flutter_page_indicator
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-20
- **Last Updated**: 2024-07-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



<p align="center">
    <a href="https://pub.dartlang.org/packages/flutter_page_indicator">
        <img src="https://img.shields.io/pub/v/flutter_page_indicator.svg" alt="pub package" />
    </a>
</p>

# 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 |