Flutter 中使用图片

插件:不用

pubspec.yaml中:

assets:
  # assets-generator-begin
  # assets/img/*
    - assets/img/
  # assets-generator-end

和lib同级建一个assets的文件夹

图片放assets/img下:


截屏2020-12-14 下午4.00.29.png

使用(png)

AssetImage('assets/img/a.png'),

加载网上png图:

NetworkImage(imageUrl)

使用(svg)

 SvgPicture.asset('assets/img/a.svg'),
SvgPicture.asset(
            'a',
            color: Colors.blueGrey,
            matchTextDirection: true,
          ),

加载网络svg图片:

SvgPicture.network(
          uriName,
          placeholderBuilder: (BuildContext context) => Container(
              padding: const EdgeInsets.all(30.0),
              child: const CircularProgressIndicator()),
        ),

你可能感兴趣的:(Flutter 中使用图片)