Flutter入门必知小技巧

一.方法尾部尽可能加逗号

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

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

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

二 使用 dartfmt 格式化代码

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

三.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
复制代码

五.测试包分发网站

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

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

fir.im 天天有100次免费下载次数

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

预览效果

六. 切换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工具栏便可