Flutter入門必知小技巧

黃幹發表於2019-03-25

一.方法尾部儘量加逗號

由於元件巢狀,使得Dart程式碼層級過多可讀性差。 方法尾部加逗號,可以使程式碼格式化更清晰。

尾部不加逗號格式化後的程式碼

image

尾部加逗號格式化後的程式碼

image

二 使用 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次免費下載次數,三個月內不更新則失效

預覽效果

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

相關文章