做为一名Flutter开发者,若是你正在烦恼如何简单快捷地在pubspec.yaml
中为多张图片、文本、字体资源添加声明,若是你正在烦恼如何简单安全地在代码中引用资源,那么如今你能够很简单地解决这些问题了——只要你使用了Flr
。git
Flr
,读做Flutter-R
,是一个由网易严选智造团队研发的,用于管理Flutter资源的开发工具。github
Flr
能够帮助Flutter开发者在修改项目资源后,自动为资源添加声明到pubspec.yaml
以及生成r.g.dart
文件。借助r.g.dart
,Flutter开发者能够在代码中经过资源ID函数的方式应用资源,例如:web
import 'package:flutter_r_demo/r.g.dart';
// test_sameName.png
var normalImageWidget = Image(
width: 200,
height: 120,
image: R.image.test_sameName(),
);
// test_sameName.gif
var gifImageWidget = Image(
image: R.mage.test_sameName_gif(),
);
// test.svg
var svgImageWidget = Image(
width: 100,
height: 100,
image: R.svg.test(width: 100, height: 100),
);
// test.json
var jsonString = await R.text.test_json();
// test.yaml
var yamlString = await R.text.test_yaml();
// Amiri Font Style
var amiriTextStyle = TextStyle(fontFamily: R.fontFamily.amiri);
复制代码
截止到目前,Flr
已经支持如下特性:json
pubspec.yaml
和自动生成r.g.dart
文件”的自动化服务,该服务能够经过手动触发,也能够经过监控资源变化触发R.x
(如 R.image.test()
,R.svg.test(width: 100, height: 100)
,R.txt.test_json()
)的代码结构.png
、 .jpg
、 .jpeg
、.gif
、 .webp
、.icon
、.bmp
、.wbmp
、.svg
).txt
、.json
、.yaml
、.xml
).ttf
、.otf
、.ttc
)~
、#
等(非法字符是指不在合法字符集合内的字符;合法字符集合的字符有:0-9
、A-Z
、 a-z
、 _
、+
、-
、.
、·
、 !
、 @
、 &
、$
、¥
)_
或者$
字符开头为了更好地知足Flutter开发者的使用需求,咱们提供了如下3个版本的Flr
工具:安全
Flr Android Studio Plugin 版本ruby
GitHub: github.com/Fly-Mix/flr…svg
Plugin Homepage: plugins.jetbrains.com/plugin/1378…函数
flr-as-plugin Usage Example Gif:工具
Flr CLI 版本开发工具
GitHub: github.com/Fly-Mix/flr…
CLI Homepage: rubygems.org/gems/flr
flr-cli Usage Example Gif:
Flr VSCode Extension 版本
GitHub: github.com/Fly-Mix/flr…
Extension Homepage: marketplace.visualstudio.com/items?itemN…
flr-vscode-extension Usage Example:
最后,但愿该工具能够帮助各个Flutter开发者提高Flutter的开发效率。使用过程当中有任何疑问,欢迎经过GitHub或者邮件反馈给咱们。