Flr:一个出色的Flutter资源管理工具

Flr

前言

做为一名Flutter开发者,若是你正在烦恼如何简单快捷地在pubspec.yaml中为多张图片、文本、字体资源添加声明,若是你正在烦恼如何简单安全地在代码中引用资源,那么如今你能够很简单地解决这些问题了——只要你使用了Flrgit

Flr简介

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特性

截止到目前,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-9A-Za-z_+-.·!@&$
    • 文件名以数字或者_或者$字符开头
  • 支持处理文件名相同但路径不一样的资源

Flr工具

为了更好地知足Flutter开发者的使用需求,咱们提供了如下3个版本的Flr工具:安全

  1. Flr Android Studio Plugin 版本ruby

  2. Flr CLI 版本开发工具

  3. Flr VSCode Extension 版本

最后,但愿该工具能够帮助各个Flutter开发者提高Flutter的开发效率。使用过程当中有任何疑问,欢迎经过GitHub或者邮件反馈给咱们。

相关文章
相关标签/搜索