Flutter提升开发效率的一些方法和工具

栏目: IOS · 发布时间: 5年前

内容简介:Flutter的环境搭配完之后,就开始Flutter的开发,下面的一些工具和方法,可以省下一些时间。自己在用的,暂时想到的,就是这些了,总结一下。根据接口返回的数据,编写实体类,添加两个方法。

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

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

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

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

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

Flutter提升开发效率的一些方法和工具

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

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

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

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

Flutter提升开发效率的一些方法和工具

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

Flutter提升开发效率的一些方法和工具

2.代码模板

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

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

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

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

Flutter提升开发效率的一些方法和工具

3.Asset资源文件的导入

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

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

Flutter提升开发效率的一些方法和工具

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

Flutter提升开发效率的一些方法和工具

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

在编写布局的时候,可以看到Flutter Outline界面,会实时地更新所写的布局层次,方便查看。

除了视图的预览,还有其他的功能。

就是右键某一个widget,可以根据提示框,快速帮你在这个widget的外面包装一层比如padding之类的代码。这个功能有时候挺方便的。

Flutter提升开发效率的一些方法和工具

Extract method的作用是:可以把某一个widget控件的代码,帮你封装成一个方法。不用你去手动地去找出一个widget的全部代码,再自己拉到某一个方法内。

另一方面,也可以方便地看出这个widget的相关代码,比如要复制操作起来也比较方便。

Flutter提升开发效率的一些方法和工具

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Microsoft Windows程序设计

Microsoft Windows程序设计

佩措尔德 / 章立民 / 华中科技 / 2004-1 / 118.00元

Charles Petzold是全球最权威且知名的Windows程序设计专家,他将其最畅销Programming Microsoft Windows with C#一书加以改写,使之能完全适用于Visual Basic.NET的开发人员。这位畅销书的作家示范了如何使用Visual Basic.NET将Windows Forms的功能发挥到极致(Windows Forms是新一代的Windows程序......一起来看看 《Microsoft Windows程序设计》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具