Flutter - 好用的本地圖片管理插件 flr

入坑fluter第二天攀涵,遇到Flutter對本地圖片的使用不是很友好,遂去查找是否有相關(guān)的插件可使用羡铲,驚喜發(fā)現(xiàn)了這個庫: flr弧岳,中文readme,其中也包含使用方法

全名讀作Flutter - R,跟之前在原生項目中使用的三方庫R.swift寫法很像,功能上也是用來管理疫赎,圖片、JSON文件碎节、Font等

本人使用的是Mac開發(fā)捧搞,接入方法如下:
1.控制臺中安裝flr

cd 你的flutter工程目錄
flr init

2.打開你的工程中的pubspec.yaml文件,并按照以下配置去填寫钓株,否則文件生成時會報錯,本人目前core_version版本是3.2.0故填寫最新的版本號

flr:
  core_version: 3.2.0
  # config the line length for formatting r.g.dart
  dartfmt_line_length: 80
  # config the image and text resource directories that need to be scanned
  assets:
    - lib/assets/images
    - lib/assets/texts
  # config the font resource directories that need to be scanned
  fonts:
    - lib/assets/fonts

3.插件作者推薦的資源項目結(jié)構(gòu),避免報錯陌僵,初期建議參照這個結(jié)構(gòu)去管理

flutter_project_root_dir
├── build
│   ├── ..
├── lib
│   ├── assets
│   │   ├── images // 所有模塊的圖片資源總目錄
│   │   │   ├── #{module} // 某個模塊的圖片資源總目錄
│   │   │   │   ├── #{main_image_asset}
│   │   │   │   ├── #{variant-dir} // 某個變體版本的圖片資源總目錄
│   │   │   │   │   ├── #{image_asset_variant}
│   │   │   │
│   │   │   ├── home // home模塊的圖片資源總目錄
│   │   │   │   ├── home_badge.svg
│   │   │   │   ├── home_icon.png
│   │   │   │   ├── 3.0x // 3.0倍分辨率版本的圖片資源總目錄
│   │   │   │   │   ├── home_icon.png
│   │   │   │       
│   │   ├── texts // 文本資源總目錄
│   │   │   │     // (你也可以根據(jù)模塊進一步細分)
│   │   │   └── test.json
│   │   │   └── test.yaml
│   │   │   │
│   │   ├── fonts // 所有字體家族的字體資源總目錄
│   │   │   ├── #{font-family} // 某個字體家族的字體資源總目錄
│   │   │   │   ├── #{font-family}-#{font_weight_or_style}.ttf
│   │   │   │
│   │   │   ├── Amiri // Amiri字體家族的字體資源總目錄
│   │   │   │   ├── Amiri-Regular.ttf
│   │   │   │   ├── Amiri-Bold.ttf
│   │   │   │   ├── Amiri-Italic.ttf
│   │   │   │   ├── Amiri-BoldItalic.ttf
│   ├── ..

4.執(zhí)行,會進行資源掃描并在項目中生成r.g.dart文件

flr run

5.可以使用實時資源監(jiān)聽命令進行管理轴合,會自動更新r.g.dart文件內(nèi)容

flr run --auto

6.開始使用吧!

import 'r.g.dart';

var image = R.image.yourImage();

最后十分感謝插件作者貢獻代碼碗短,希望大家也能給作者點顆星??

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末受葛,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌总滩,老刑警劉巖纲堵,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異闰渔,居然都是意外死亡席函,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門冈涧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來茂附,“玉大人,你說我怎么就攤上這事督弓∮” “怎么了?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵愚隧,是天一觀的道長蒂阱。 經(jīng)常有香客問我,道長狂塘,這世上最難降的妖魔是什么录煤? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮睹耐,結(jié)果婚禮上辐赞,老公的妹妹穿的比我還像新娘。我一直安慰自己硝训,他們只是感情好响委,可當(dāng)我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著窖梁,像睡著了一般赘风。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上纵刘,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天邀窃,我揣著相機與錄音,去河邊找鬼假哎。 笑死瞬捕,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的舵抹。 我是一名探鬼主播肪虎,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼惧蛹!你這毒婦竟也來了扇救?” 一聲冷哼從身側(cè)響起刑枝,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎迅腔,沒想到半個月后装畅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡沧烈,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年掠兄,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片掺出。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡徽千,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出汤锨,到底是詐尸還是另有隱情双抽,我是刑警寧澤,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布闲礼,位于F島的核電站牍汹,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏柬泽。R本人自食惡果不足惜慎菲,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望锨并。 院中可真熱鬧露该,春花似錦、人聲如沸第煮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽包警。三九已至撵摆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間害晦,已是汗流浹背豆挽。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工置济, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留钦讳,地道東北人银室。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像稻轨,于是被迫代替她去往敵國和親灵莲。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容