Flutter-ThirdPackage

在开发中经常要用到第三方库，而 Flutter 开发经常用的第三方库可以在pub.dev中寻找。

使用方法：

  1. 在库存中寻找想要的包

  2. 在项目的 pubspec.yaml 中添加依赖

  3. flutter pub get 

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72

    4. 有的时候添加依赖后保存了，就自动下载了。用不到上述命令。

    ### dio

    dio，跟 Axois 差不多的东西。

    ### card_swiper

    做轮播图的。

    ```dart
    class MyPage extends StatelessWidget {
       MyPage({Key? key}) : super(key: key);
      final List<String> pics=[
        "images/Alice.jpg",
        "images/everyone.jpg",
        "images/dawn.jpg"
      ];

      @override
      Widget build(BuildContext context) {
        return  ListView(
          children: [
            Container(
              color: Colors.black,
              height: 300,
              child: Swiper(
                // itemHeight: 10,//这两个属性对于默认的轮播图布局似乎没啥用
                // itemWidth: 10,
                itemCount: pics.length,
                autoplay: true,
                pagination: SwiperPagination(),//小圆点
                // control: SwiperControl(),//手动点击的按钮
                viewportFraction: 0.7,
                scale: 0.6,
                itemBuilder: (context,index){
                  return Image.asset(pics[index],fit: BoxFit.cover,);
                },
              ),
            ),
            Container(
              color: Colors.black,
              height: 300,
              child: Swiper(
                itemCount: pics.length,
                pagination:const SwiperPagination(),//小圆点
                itemWidth: 300,
                layout: SwiperLayout.STACK,//轮播图使用stack布局的时候，itemWidth不能为空
                itemBuilder: (context,index){
                  return Image.asset(pics[index],fit: BoxFit.cover,);
                },
              ),
            ),
            Container(
              color: Colors.black,
              height: 300,
              child: Swiper(//垂直轮播图
                itemCount: pics.length,
                scrollDirection: Axis.vertical,//垂直
                pagination:const SwiperPagination(),//小圆点
                // itemWidth: 300,
                // layout: SwiperLayout.STACK,//垂直轮播图似乎只能用默认布局
                itemBuilder: (context,index){
                  return Image.asset(pics[index],fit: BoxFit.cover,);
                },
              ),
            )
          ],
        );
      }
    }

效果图