前言
flutter插件引入
https://pub.dev/ 网址搜索三方插件以及看这些库的用法。
插件安装一般是 flutter pub add xx ,删除是flutter pub remove xx,之后一定要再执行以下flutter pub get刷新以下。降级用 flutter pub downgrade xx 1.1.0
1. 轮播图
咱们搜索smooth_page_indicator 用于轮播图下的指示器:https://pub.dev/packages/smooth_page_indicator/install 跟着这个配。先在terminal中输入flutter pub add smooth_page_indicator ,再运行flutter pub get或者打开pubspec.yaml点击右上的pub get 。
-
使用,可以看下example的用法
如果import无法识别,关掉项目重新启动试试。如图可以进入github直接下载demo,方便学习使用。
3、用上一篇的轮播图,在轮播图下面加一个指示条
child: Column(
//纵向排列的viewGroup
children: [
SizedBox(
height: 200, //设置pageview高度
child: PageView.builder(
controller: _pageController,
itemBuilder: (_, index) {
return children[index % children.length];
}),
),
SmoothPageIndicator(
controller: _pageController,
count: children.length,
effect: ScrollingDotsEffect(
activeStrokeWidth: 2.6,
activeDotScale: 1.5,
maxVisibleDots: 5,
radius: 8,
spacing: 10,
dotHeight: 10,
dotWidth: 10,
))
],
)
后记
使用flutter的感受是,UI真写起来很麻烦,但是各个插件的封装,导致很多的需求实现起来比较方便。例如视频播放video_player ,图片选择image_picker等。