Flutter 项目 图片资源管理

Flutter 项目 图片资源管理

项目中要用到的icon、默认图片、一些图片资源管理方式。

一、脚本管理

读取文件夹所有图片资源，复制粘贴到pubsepec.yaml文件，Pub get
脚本放到Image文件夹下，运行脚本

function echo_name(){ 
 for file in `ls $1` 
 do 
if [ -d $1"/"$file  ]; 
then
  echo "#"$1"/"$file 
else
  echo "    - "$1"/"$file 
fi
  if [ -d $1"/"$file ] 
  then 
   echo_name $1"/"$file 
   fi 
 done 
} 
  
echo_name $1

images % sh flutter_img.sh -image

运行结果：

复制粘贴后放到pubsepec.yaml文件后可以使用本地图片资源。

二、AndroidStudio flutter-img-sync插件

flutter-img-sync

step1.创建资产图片存放目录
创建资产图片存放目录 如:

step2.修改pubspec.yaml
定义资产图片存放目录，如:

step3.执行扩展命令: FlutterImgSync

端口随便填4位数字
命令执行后，图片将会被自动放置到pubspec.yaml文件的assets变量中
./lib/r.dart 将会被创建
在代码中导入r.dart文件，然后引用R类的变量

step4.引用R文件，引用图片