flutter_page_indicator
所属分类:WEB开发
开发工具:Dart
文件大小:0KB
下载次数:0
上传日期:2021-03-12 07:08:03
上 传 者:
sh-1993
说明: 颤动页面指示器,,
(flutter_page_indicator,,)
文件列表:
.vscode/ (0, 2021-03-11)
.vscode/launch.json (369, 2021-03-11)
CHANGELOG.md (780, 2021-03-11)
LICENSE (10704, 2021-03-11)
example/ (0, 2021-03-11)
example/.metadata (306, 2021-03-11)
example/android/ (0, 2021-03-11)
example/android/app/ (0, 2021-03-11)
example/android/app/build.gradle (1868, 2021-03-11)
example/android/app/src/ (0, 2021-03-11)
example/android/app/src/debug/ (0, 2021-03-11)
example/android/app/src/debug/AndroidManifest.xml (327, 2021-03-11)
example/android/app/src/main/ (0, 2021-03-11)
example/android/app/src/main/AndroidManifest.xml (1702, 2021-03-11)
example/android/app/src/main/java/ (0, 2021-03-11)
example/android/app/src/main/java/com/ (0, 2021-03-11)
example/android/app/src/main/java/com/example/ (0, 2021-03-11)
example/android/app/src/main/java/com/example/example/ (0, 2021-03-11)
example/android/app/src/main/java/com/example/example/MainActivity.java (364, 2021-03-11)
example/android/app/src/main/res/ (0, 2021-03-11)
example/android/app/src/main/res/drawable/ (0, 2021-03-11)
example/android/app/src/main/res/drawable/launch_background.xml (434, 2021-03-11)
example/android/app/src/main/res/mipmap-hdpi/ (0, 2021-03-11)
example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png (544, 2021-03-11)
example/android/app/src/main/res/mipmap-mdpi/ (0, 2021-03-11)
example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png (442, 2021-03-11)
example/android/app/src/main/res/mipmap-xhdpi/ (0, 2021-03-11)
example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png (721, 2021-03-11)
example/android/app/src/main/res/mipmap-xxhdpi/ (0, 2021-03-11)
example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png (1031, 2021-03-11)
example/android/app/src/main/res/mipmap-xxxhdpi/ (0, 2021-03-11)
example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png (1443, 2021-03-11)
example/android/app/src/main/res/values/ (0, 2021-03-11)
example/android/app/src/main/res/values/styles.xml (361, 2021-03-11)
example/android/app/src/profile/ (0, 2021-03-11)
example/android/app/src/profile/AndroidManifest.xml (327, 2021-03-11)
... ...
# page_indicator
[![pub package](https://img.shields.io/pub/v/page_indicator.svg)](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
![image](https://raw.githubusercontent.com/CaiJingLong/some_asset/master/page_indicator1.gif)
![image](https://github.com/kikt-blog/image/raw/master/img/Kapture%202019-04-17%20at%2020.51.49.gif)
## 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),
)
```
近期下载者:
相关文件:
收藏者: