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工具欄便可