https://github.com/caijinglong/flutter_page_indicator
https://github.com/caijinglong/flutter_page_indicator
flutter indicator package pageview
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/caijinglong/flutter_page_indicator
- Owner: CaiJingLong
- License: apache-2.0
- Created: 2018-08-13T10:01:32.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2024-05-16T03:27:12.000Z (about 2 years ago)
- Last Synced: 2024-10-19T02:29:27.055Z (over 1 year ago)
- Topics: flutter, indicator, package, pageview
- Language: Dart
- Size: 97.7 KB
- Stars: 46
- Watchers: 3
- Forks: 20
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# page_indicator
[](https://pub.dartlang.org/packages/page_indicator)
- [page_indicator](#page_indicator)
- [Preview](#preview)
- [Install](#install)
- [Usage](#usage)
- [Force refersh state](#force-refersh-state)
- [Migration guide](#migration-guide)
## Preview
## Install
[see](#-installing-tab-)
1. Depend on it
Add this to your package's pubspec.yaml file:
```yaml
dependencies:
page_indicator: ^0.3.0
```
2. Install it
You can install packages from the command line:
with Flutter:
`flutter packages get`
Alternatively, your editor might support flutter packages get. Check the docs for your editor to learn more.
3. Import it
Now in your Dart code, you can use:
```dart
import 'package:page_indicator/page_indicator.dart';
```
## Usage
[see example file](https://github.com/CaiJingLong/flutter_page_indicator/blob/master/example/main.dart)
or
```dart
PageIndicatorContainer(
child: PageView(
children: [
Text("1"),
Text('2'),
Text('3'),
Text('4'),
],
controller: controller,
),
align: IndicatorAlign.bottom,
length: 4,
indicatorSpace: 20.0,
padding: const EdgeInsets.all(10),
indicatorColor: Colors.white,
indicatorSelectorColor: Colors.blue,
shape: IndicatorShape.circle(size: 12),
// shape: IndicatorShape.roundRectangleShape(size: Size.square(12),cornerSize: Size.square(3)),
// shape: IndicatorShape.oval(size: Size(12, 8)),
}
```
### Force refersh state
```dart
final key = GlobalKey();
PageIndicatorContainer(
key: key,
// other ...
);
// force refersh
key.currentState.forceRefreshState();
```
## Migration guide
0.1.x => 0.2.x
```dart
PageIndicatorContainer(
...
-- size: 12.0,
++ shape: IndicatorShape.circle(size: 12),
)
```