iFlutter - 加速Flutter开发

首页 > 资讯 > 正文
2023-04-25 12:20:42

来源:博客园

iFlutter是一款辅助Flutter开发的 IDEA 插件

插件安装

插件已上传官方Plugins仓库,可在IDEA Plugins界面搜索 iFlutter下载


【资料图】

iFlutter生态

  • 欢迎PR、issues、advice,一起共建Flutter生态 Github

  • 该文档不再更新,请直接查看最新文档Wiki

功能说明

  • 资源文件管理
  • 依赖树生成
  • Dart代码生成
  • Http接口Mock
  • 包检查更新
  • 提取远程依赖
  • ...

注册资源

Flutter开发过程中,不可避免地需要使用到本地资源。比如:使用 bg_login.png文件作为背景图,开发一个登录界面,步骤如下:

  1. 在项目根目录创建 images文件夹,并把 bg_login.png添加到 images;
  2. 注册资源到 pubspec.yaml
···flutter:  uses-material-design: true  assets:    - images/bg_login.png    #注册资源    ···  
  1. 使用资源:
Image.asset("images/bg_login");

使用资源前都需要在 pubspec.yaml文件中注册,并且通过 硬编码引用,凸显出两个问题:

  1. 存在繁琐的机械劳动
  2. 出错率高

iFlutter解决方案: 当在 指定的目录中添加、删除、重命名文件时,iFlutter插件都会感知,并自动修改 pubspec.yaml文件,同时生成配套的 _res.dart文件(类似Android中的R文件),通过 R.xx的方式就能使用资源,效果如下:

  • 其中 指定的目录,并不是 iFlutter所固定要求的,开发者可自行配置,默认 imagesassets,具体配置如下:
  • 生成的 _res.dart文件的规则又是什么呢? 如果 指定的目录images,那么就会生成 lib/res/images_res.dart文件,对应的类名 ImagesRes。按此类推,如果目录名是 Assets,生成的文件和类名分别是 lib/res/assets_res.dartAssetsRes。值得一提的是,如果开发者手动修改 pubspec.yaml文件中资源的配置,iFlutter也会感知,并重新生成 _res.dart文件。

  • 节省包体积照顾强迫症研发出发,可配置某些资源不会在 _res.dart文件中生成字段,比如 .ttf.json文件,默认都生成,开发者可自行配置:

  • 如果AndroidStudio安装了 iFlutter插件,资源自动注册功能默认打开,如果想禁用此功能,可配置关闭,配置如下:

注册字体

指定的目录添加文件,如果该文件后缀为:ttf, font, fon, otf, eot, woff, ttc,则 iFlutter会视该文件为字体文件,便自动注册自定义字体到 pubspec.yaml中,同时创建或修改 lib/res/i_font_res.dart以生成引用字段。

如果项目已经有自定义字体配置,首次使用 iFlutter需要确保family:xxx和字体文件名(不包括后缀)一致,例如:

flutter:  ...  fonts:    - family: a      fonts:        - asset: relative/path/b.ttf

则需要修改 relative/path/b.ttf文件名为 a.ttf

资源重置

当合并分支代码时,如果出现 _res.darti_font_res文件冲突,可重新生成:

iFlutter通过以下两个步骤,对资源进行重置:

  • 指定目录资源重新注册到 pubsepec.yaml中;
  • 重新生成 _res.darti_font_res文件;

检查重复资源

在项目版本需求开发周期内,同一个设计资源可能被不同的开发小伙伴重复引入,导致包体积增涨,iFlutter支持重复资源检测,效果如下:

归纳资源

随着Flutter项目的不断迭代,项目中所使用的资源也会越来越多。大部分的情况下,项目所使用的资源文件都是直接平展在目录下,类似:

images  - login_wx.png  - login_qq.png  - login_phone.png  - mine_setting.png  - mine_defailt_portrait.png  - launcher.png  ...

为了方便项目模块化,iFlutter支持对目录下的文件进行归类,以 _为规则进行分类,分类结果如下:

images  - login    - login_wx.png    - login_qq.png    - login_phone.png  - mine    - mine_setting.png    - mine_defailt_portrait.png  - launcher.png  ...

资源归类后,iFlutter会重新注册资源到 pubspec.yaml中,并修改受影响的 *.dart文件。

  • 并非所有目录都支持资源归类,默认 assetsimages目录,开发者可自行调整,具体如下:

具体效果如下:

依赖树生成

用于分析Flutter项目 包依赖关系,对于生成的结果支持 Command/Control+ F搜索,功能入口:

Json 转 Dart Entity

在Flutter项目的 lib目录及其 子目录下,iFlutter支持 JsonDart Entity功能,在其他目录下该功能不可用,使用效果如下:

  • 默认生成的 Dart Entity是支持 空安全的,如果项目还没适配到 Flutter2.x版本,通过修改 iFlutter配置即可,配置如下:
  • 填写类名时,采用驼峰命名法

Dart Entity 补全 fromJsontoJson方法

对于新的实体类,可以通过上一节 Json 转 Dart Entity工具自动生成。针对项目中已有的类,那我们又该如何生成 toJsonfromJson方法呢?先看使用效果:

  • 官方插件 Dart已经提供了生成 ConstructorNamed ConstructortoString方法,而 iFlutterfromJsontoJson正好加强了官方对类的 fix(补全)吧。

Live Template

使用效果:

使用说明:

快捷键代码片段
importMimport "package:flutter/material.dart;
importCimport "package:flutter/cupertino.dart;
f_ColumnColumn(...)
f_ContainerContainer(...)
f_GestureDetectorGestureDetector(...)
f_RowRow(...)
f_StackStack(...)
f_TextText(...)

代码细节:

Http接口Mock

功能使用:

  • iFlutter开启的 HTTP Mock与项目绑定,MOCK 数据以项目为维度进行隔离。

包检查更新

iFlutter插件会定时(5min)检查项目中直接依赖的Packages是否可更新,如果远程有最新版本,则 pubspec.yaml对应节点会高亮显示,点击右侧 icon会打开对应的页面,效果如下:

提取远程依赖

iFlutter支持将远程依赖一键修改成本地依赖,方便对 Package进一步扩展或者修复。将光标停留在对应的 Package上,右键选择 convert to local dependency后,在弹出目录选择对话框中,选择需要存储的位置。

标签:

THE END

相关热点

6月20日,资本邦了解到,一改上周的强势走势,今日,新东方在线(01797 HK)及新东方(09901 HK)H股股价均下跌。截至港股收盘,新东方在线跌32
2022-06-20 17:29:10
新华社电 上海市文化和旅游局近日发布《上海市密室剧本杀内容备案管理规定(征求意见稿)》,并截至12月8日面向社会公众广泛征求意见。这
2021-11-19 13:46:03
《中国证券报》17日刊发文章《备战2022 基金经理调仓换股布新局》。文章称,距离2021年结束仅剩一个多月,基金业绩分化明显。部分排名靠前
2021-11-19 13:46:03
交通运输部办公厅 中国人民银行办公厅 中国银行保险监督管理委员会办公厅关于进一步做好货车ETC发行服务有关工作的通知各省、自治区、直
2021-11-19 13:45:58
新华社北京11月17日电 题:从10月份市场供需积极变化看中国经济韧性新华社记者魏玉坤、丁乐读懂中国经济,一个直观的视角就是市场供需两端
2021-11-19 13:45:58
全国教育财务工作会议披露的消息称,2020年,中国国家财政性教育经费投入达4 29万亿元,占GDP总量的4 206%,我国国家财政性教育经费支出占G
2021-11-19 13:45:48
如果你也热爱“种草”,前方高能预警!让你心心念念、“浏览”忘返的网络平台,可能早已成为一块块“韭菜地”。近日,据《半月谈》报道,有...
2021-11-19 13:45:48
日前,工业和信息化部印发《“十四五”信息通信行业发展规划》(以下简称《规划》),描绘了未来5年信息通信行业的发展趋势。《规划》指出...
2021-11-19 13:45:40
本报讯(中青报·中青网记者 周围围)2021年快递业务旺季正式拉开帷幕。国家邮政局监测数据显示,仅11月1日当日,全国共揽收快递包裹5 69
2021-11-19 13:45:40
人民网曼谷11月17日电 (记者赵益普)17日上午,中国援柬埔寨第七批200万剂科兴新冠疫苗抵达金边国际机场。当天,柬埔寨政府在机场举行了
2021-11-19 13:45:35
金坛压缩空气储能国家试验示范项目主体工程一角受访者供图依托清华大学非补燃压缩空气储能技术,金坛压缩空气储能项目申请专利百余项,建立
2021-11-19 13:45:35
视觉中国供图42亿立方米据有关部门预计,今年山西煤炭产量有望突破12亿吨,12月份山西外送电能力将超过900万千瓦,今冬明春煤层气产量将达4
2021-11-19 13:44:34
14省份相继发布2021年企业工资指导线——引导企业合理提高职工工资今年以来,天津、新疆、内蒙古、陕西、西藏、山东、江西、山西、福建、四
2021-11-19 13:44:34
中新网客户端北京11月18日电 (记者 谢艺观)“一条路海角天涯,两颗心相依相伴,风吹不走誓言,雨打不湿浪漫,意济苍生苦与痛,情牵天下喜
2021-11-19 13:44:31
近日,交通运输部等三部门发布《关于进一步做好货车ETC发行服务有关工作的通知》。通知提到,对不具备授信条件的用户,商业银行可在依法合
2021-11-19 13:44:31
欧莱雅面膜陷优惠“年度最大”风波 涉及该事件集体投诉超6000人次美妆大牌双十一促销翻车?近日,因预售价格比双十一现货贵出66%,欧莱雅
2021-11-19 13:44:13
43 6%受访者会在工作两三年后考虑跳槽54 3%受访者认为跳槽对个人职业发展有利有弊如今对不少年轻人来说,想对一份工作“从一而终”不太容易
2021-11-19 13:44:13
超八成受访青年表示如有机会愿意开展副业 规划能力最重要64 4%受访青年指出做副业跟风心态最要不得如今,“身兼数职”已成为年轻人当中的
2021-11-19 13:44:01
发展氢能正当其时【科学随笔】氢能是一种二次能源,它通过一定的方法利用其他能源制取,具有清洁无污染、可储存、与多种能源便捷转换等优点
2021-11-19 13:44:01
“千杯不醉”的解酒“神药”能信吗?专家:网红“解酒药” 其实不算药俗话说,“酒逢知己千杯少”,酒一直是国人饭桌上至关重要的存在。尽...
2021-11-19 13:43:57
最新文章

相关推荐