Flutter入门必知小技巧

一.方法尾部尽量加逗号

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

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

《Flutter入门必知小技巧》

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

《Flutter入门必知小技巧》

二 使用 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次免费下载次数,三个月内不更新则失效

预览效果

《Flutter入门必知小技巧》

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

《Flutter入门必知小技巧》

《Flutter入门必知小技巧》

    原文作者:Flutter移动开发
    原文地址: https://blog.csdn.net/huanggan08/article/details/88788481
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞