hBsVC6.md.png

资源加载:

1.本地

1
2
static const String DEFAULT_USER_ICON = 'static/images/logo.png';
Image.asset(AppICons.DEFAULT_USER_ICON, width: AppICons.USER_ICON_WIDTH, height: AppICons.USER_ICON_HEIGHT),

2.iconfont。 https://www.iconfont.cn/

在iconfont网站上传资源。下载到本地,放入项目资源文件夹下。

pubspec.yaml中配置。

1
2
3
4
fonts:
- family: myIconFont
fonts:
- asset: static/font/iconfont.ttf

3.UI编辑器。 https://norbert515.github.io/widget_maker/website/

https://github.com/Norbert515/flutter_ide

项目中使用:

1
2
3
static const String FONT_FAMILY = 'myIconFont';
static const IconData LOGIN_USER = const IconData(0xe652, fontFamily: AppICons.FONT_FAMILY);
iconData: AppICons.LOGIN_USER,

原型开发:

https://www.xiaopiu.com/

在上面设计开发,然后导出到本地,可以查看里面的资源文件。