Flutter高效开发之本地资源图片的引用

在继续上一篇原创 Flutter高效开发之封装Text后&＃xff0c;我们再次封装了本地资源文件的引用操作。

class MImage {static String getImgPath(String imgPath) {return &＃39;libres/images/$imgPath&＃39;;}static Image assetImage(String imgPath, double width, double height,{BoxFit fit &＃61; BoxFit.scaleDown}) {return Image.asset(&＃39;libres/images/$imgPath&＃39;,width: width,height: height,fit: fit,);}static Image icLogo &＃61; assetImage(&＃39;icon_launch.png&＃39;, 48, 48);
}


操作步骤&＃xff1a;

1 切记要在pubspeck.yaml文件中进行资源文件的引入

assets:- libres/images/


2 资源路径放在项目目录下即可&＃xff0c;文件夹名称怎么取都行。

3 在恰当都位置进行引用

Column(crossAxisAlignment: CrossAxisAlignment.start,children: [MImage.icLogoName,SizedBox(height: 8),MBuilder.text(&＃39;融资融券·交易优选&＃39;,color: MColor.subColor,size: 10,letterSp:2)],)


通过以上操作&＃xff0c;是不是发现瞬间简洁了许多。

更多&＃xff1a;

如何写一个自己的小程序并上线

Github搭建个人博客&＃xff08;2019最新版,亲测&＃xff09;

qq加油小程序

关注下面公众号 &＃xff0c;在微信后台回复「领取资源」&＃xff0c;获取IT资源200G干货大全。

在微信后台回复「130个小程序」&＃xff0c;即可免费领取享有导入就能跑的微信小程序