Flutter APP开发 学习记录: flutter_swiper轮播图

说点儿闲话

大部分app都有轮播图，一般是展示一些新闻公告通知等图片，在flutter最强大的siwiper, 多种布局方式，无限轮播，Android和IOS双端适配，github：flutter_swiper

使用：

加载图片

一般是从本地代码中或者使用网络图片，那么，首先将资源添加到项目的 pubspec.yaml 文件中(更多细节请参阅Assets and images)：

flutter:
   assets:
   - images/news_1.png
   - images/news_1.png
   - images/news_1.png

如果项目中所需要使用的图片资源太多，也可以直接直接这样写：
(1)、包含一个目录下的所有 assets，需要在目录名称的结尾加上/：

flutter:
  assets:
    - assets/

注意只包含目录下根节点的所有文件。
(2)、如果要添加子目录下的文件，需要给每个目录创建节点：

flutter:
    assets: [images/,images/index-icons/] # 配置代码中使用的图片所放置的文件夹及其子文件夹
 

显示base64图片

这里插个题外话，使用图片显示的辑中方法：Image class: A widget that displays an image.
其中，Image.memory可以用来显示base64图片，具体使用如下:

import 'dart:convert';

//"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAuCAYAAACvdRK..."
// 直接获取`base64,`之后的数据
pictureData = "iVBORw0KGgoAAAANSUhEUgAAAKAAAAAuCAYAAACvdRK..."
Image.memory(
    Base64Decoder().convert(pictureData), // 转成Uint8List
    fit: BoxFit.contain,
    height: 160,
)

参考：