Flutter 本地图片导入 2倍图 3倍图

1、flutter项目中分别创建assets、images文件夹，在images文件夹下创建 2.0x 和 3.0x文件夹，用来分别存放2倍图3倍图。

层级结构如图下图:

截屏2022-03-14 下午8.42.19.png

2、在pubspec.yaml进行配置 (注意flutter下 assets:与uses-material-design: 层级结构要左对齐否则会报错点击查看错误展示)

截屏2022-03-14 下午8.43.28.png

3、cd 进入 flutter 项目目录下，终端执行 flutter pub get 命令，使配置生效

 bogon:learn_flutter zhanghua$ flutter pub get
 Running "flutter pub get" in learn_flutter...                    1,025ms
 bogon:learn_flutter zhanghua$ 

4、图片使用

  @override
    Widget build(BuildContext context) {
      final imageLoc = "assets/images/2.0x/wenhao@2x.png";
      return Image(
          image:AssetImage(imageLoc),
      );
    }

---

文章持续更新中、希望对各位有所帮助、有问题可留言 大家共同学习.