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),
);
}
文章持续更新中、希望对各位有所帮助、有问题可留言 大家共同学习.
网友评论