美文网首页
flutter五三方插件引入

flutter五三方插件引入

作者: crossroads | 来源:发表于2024-05-14 16:00 被阅读0次

前言

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 。

  1. 使用,可以看下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等。

相关文章

网友评论

      本文标题:flutter五三方插件引入

      本文链接:https://www.haomeiwen.com/subject/mqhpodtx.html