前言

作為一名Flutter開發者，如果你正在煩惱如何簡單快捷地在pubspec.yaml中為多張圖片、文本、字體資源添加聲明，如果你正在煩惱如何簡單安全地在代碼中引用資源，那么現在你可以很簡單地解決這些問題了——只要你使用了Flr。

Flr簡介

Flr，讀作Flutter-R，是一個由網易嚴選智造團隊研發的，用于管理Flutter資源的開發工具。

Flr可以幫助Flutter開發者在修改項目資源后，自動為資源添加聲明到pubspec.yaml以及生成r.g.dart文件。借助r.g.dart，Flutter開發者可以在代碼中通過資源ID函數的方式應用資源，例如：

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已經支持以下特性：

• 支持“自動添加資源聲明到 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、 _、+、-、.、·、 !、 @、 &、$、￥）
  • 文件名以數字或者_或者$字符開頭
• 支持處理文件名相同但路徑不同的資源

Flr工具

為了更好地滿足Flutter開發者的使用需求，我們提供了以下3個版本的Flr工具：

Flr Android Studio Plugin 版本

• GitHub: https://github.com/Fly-Mix/flr-as-plugin
• Plugin HomePage: https://plugins.jetbrains.com/plugin/13789-flr
• Usage Example: （高清動圖傳送門）

flr_as_plugin-usage-example

2. Flr CLI 版本

• • GitHub: https://github.com/Fly-Mix/flr-cli
  • CLI Homepage: https://rubygems.org/gems/flr
  • Usage Example:（高清動圖傳送門）

flr_cli-usage-example

3. Flr VSCode Extension 版本

• • GitHub: https://github.com/Fly-Mix/flr-vscode-extension
  • Extension HomePage: https://marketplace.visualstudio.com/items?itemName=LincolnLaw.flr
  • Usage Example:

flr_vscode_extension-usage-example

最后，希望該工具可以幫助各個Flutter開發者提升Flutter的開發效率。使用過程中有任何疑問，歡迎通過GitHub或者郵件反饋給我們。

總結

以上是生活随笔為你收集整理的flutter 图片路径_【Flutter开发工具推荐】Flutter资源管理利器：Flr的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。