Flutter 的环境搭配完之后, 就开始 Flutter 的开发, 下面的一些工具和方法, 可以省下一些时间.
自己在用的, 暂时想到的, 就是这些了, 总结一下.
1.JSON 解析快速生成实体类
根据接口返回的数据, 编写实体类, 添加两个方法.
fromJson() 方法是可以聪一个 Map 中构造出一个 User 的实例, toJson() 方法, 可以将一个实例转化为 Map.
如果接口返回的数据比较复杂点, 那么手动写起来就会很麻烦. 这个时候可以利用 json_serializable 来帮你自动生成实体类的一些代码, 还有利用来快速生成相关代码.
将 JSON 数据复制到这个网站上, 就会生成相关的代码, 只需要将这些代码复制到项目中的文件就行了,
最后在我们的项目根目录下运行 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 工具, 主要用于视图的预览, 还有其他功能
在编写布局的时候, 可以看到 Flutter Outline 界面, 会实时地更新所写的布局层次, 方便查看.
除了视图的预览, 还有其他的功能.
就是右键某一个 widget, 可以根据提示框, 快速帮你在这个 widget 的外面包装一层比如 padding 之类的代码. 这个功能有时候挺方便的.
Extract method 的作用是: 可以把某一个 widget 控件的代码, 帮你封装成一个方法. 不用你去手动地去找出一个 widget 的全部代码, 再自己拉到某一个方法内.
另一方面, 也可以方便地看出这个 widget 的相关代码, 比如要复制操作起来也比较方便.
5. 拖动 widget 自动生成相关代码
有一个网站: https://flutterstudio.app/
可以拖动 widget 到模拟器中, 就可以生成相关的布局代码, 自己手动复制粘贴就可以了.
来源: https://juejin.im/post/5bffea7551882505d840503a