写点什么

Flutter 提升开发效率的一些方法和工具,零基础入门学习 android

用户头像
Android架构
关注
发布于: 刚刚

Flutter 的环境搭配完之后,就开始 Flutter 的开发,下面的一些工具和方法,可以省下一些时间。


自己在用的,暂时想到的,就是这些了,总结一下。

1.JSON 解析快速生成实体类

根据接口返回的数据,编写实体类,添加两个方法。


fromJson()方法是可以聪一个 Map 中构造出一个 User 的实例,toJson()方法,可以将一个实例转化为 Map。



如果接口返回的数据比较复杂点,那么手动写起来就会很麻烦。这个时候可以利用 json_serializable 来帮你自动生成实体类的一些代码,还有利用 caijinglong.github.io/json2dart/i…来快速生成相关代码。


将 json 数据复制到这个网站上,就会生成相关的代码,只需要将这些代码复制到项目中的文件就行了,


《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
浏览器打开:qq.cn.hn/FTe 免费领取
复制代码


最后在我们的项目根目录下运行 flutter packages pub run build_runner build,我们可以在需要时为我们的 model 生成 json 序列化代码 。


注意:要先在 pubspec.yaml 文件里面添加:



每个类最后面生成的 with _$UserSerializerMixin,这部分可以去掉,不去掉的话,好像生成会有问题,反正我是去掉了,没什么影响。


2.代码模板

最简单的一个例子,就是在写一个有状态 StatefulWidget 的时候,要手动继承 StatefulWidget,重写 createState 方法,再创建一个相应的 State 类并重写 build 方法。会写到你吐血。


这个时候就需要一些代码模板,帮你快速生成代码。


反正百度一下肯定有些导入 Flutter 代码模板的教程。


比如直接打出 stf,就可以自动提示生成 StatefulWidget 的代码了。


3.Asset 资源文件的导入

Flutter 中,常见类型的 asset 包括静态数据(例如 JSON 文件),配置文件,图标和图片(JPEG,WebP,GIF,动画 WebP / GIF,PNG,BMP 和 WBMP)。


一般导入的资源都要在 pubspec.yaml 文件中按照下面的方式,一个一个进行声明,应用程序才能获取到。



改进方法:要包含 asset 文件下面的所有资源,直接用下面这样方法,这样的话,只在这个目录里的文件会被包含进来。


4.Flutter Outline 工具,主要用于视图的预览,还有其他功能

用户头像

Android架构

关注

还未添加个人签名 2021.10.31 加入

还未添加个人简介

评论

发布
暂无评论
Flutter提升开发效率的一些方法和工具,零基础入门学习android