Flutter入门必知小技巧

一.方法尾部尽量加逗号

由于组件嵌套，使得Dart代码层级过多可读性差。
方法尾部加逗号，可以使代码格式化更清晰。

尾部不加逗号格式化后的代码

image

尾部加逗号格式化后的代码

image

二 使用 dartfmt 格式化代码

大多编辑器自带的格式化代码功能并不能有效地格式化Dart代码。而dartfmt是Dart自带的代码格式化程序，包含在Dart SDK内。使用dartfmt会按照Dart的代码规范来格式化代码,可使用命令行dartfmt test.dart或设置了Dart SDK的Android Studio 和 IDEA 在编辑器中鼠标右键选择'Format Code with fartfmt'来格式化代码
，具体的格式化规则可参考 https://github.com/dart-lang/dart_style/wiki/Formatting-Rules 。

三.wifi无线真机调试

无线数据线即可调试APP

前提条件:电脑和手机在同一局域网下

Android

1. 使用数据线连接手机和电脑，在ide端能显示移动设备名称
2. 输入命令行adb tcpip 5555
3. 输入命令行adb connect 你的手机ip地址(例: adb connect 192.168.1.2)
4. 拔掉线，ide端若还能显示设备名称，即OK

(若adb找不到命令则需要配置adb环境变量)

iOS

1. 在XCode项目打开菜单 Window > Devices and Simulators, 然后在打开的菜单中选择 Devices选项.
2. 使用数据线连接手机和电脑
3. 在左侧选择连接的设备，然后在右侧勾选[Select Connect via network]复选框.
4. 当左侧设备出现网状球图标，即可拔掉数据线调试了

四. 升级Flutter SDK

命令行升级Flutter SDK的版本

flutter upgrade

五.测试包分发网站

打的测试包怎么方便给别人下载呢?

推荐两个网址，只要把安装包上传即可生成下载网址。

https://fir.im 每天有100次免费下载次数

https://www.pgyer.com/
每天有1000次免费下载次数,三个月内不更新则失效

预览效果

image

六. 切换Flutter SDK版本类型

Flutter SDK 有四个版本类型,切换到开发版dev可优先体验新版本特性,默认是stable稳定版

• beta
• dev
• master
• stable

//查看当前版本类型
flutter channel

//切换到开发版
flutter channel dev
flutter upgrade

七.使用Flutter自带命令行来格式化代码

如果你的开发工具没有格式化代码插件，可以使用Flutter自带的格式化代码命令行。

flutter format 文件路径1 文件路径2 ...

八.控件选择器

从事过安卓开发的同学都体验过，点击预览视图的控件Android Studio可以自动定位到该控件的代码,点击代码也可以在预览视图定位该控件。

在Android Studio以及IntelliJ IDEA上开发Flutter也可以体验以上效果

需要安装两个插件:

1. Flutter插件： 支持Flutter开发工作流 (运行、调试、热重载等)
2. Dart插件： 提供代码分析 (输入代码时进行验证、代码补全等)

点击Flutter Inspector工具栏即可

image

image