【老孟Flutter】6種極大提升Flutter開發效率的工具包
老孟導讀
:本文介紹6種極大提升Flutter開發效率的工具包。
[1] 強大的
日誌軟體
包
在開發 Flutter 的過程中列印日誌是常用的除錯方式之一,但 Flutter 內建的日誌列印非常簡單,下面介紹一個強大的軟體包:
logger
。
Logger 是一款易於使用且可擴充套件的日誌記錄器,可列印精美的日誌。 受到
Android記錄器
的啟發,將日誌分為不同的級別:
logger。v(“Verbose log”);
logger。d(“Debug log”);
logger。i(“Info log”);
logger。w(“Warning log”);
logger。e(“Error log”);
logger。wtf(“What a terrible failure log”);
釋出內側版本時,測試人員不會將手機一直連線你的電腦,因此出現bug時無法透過控制檯列印日誌,
logger_flutter
這個外掛可以解決這個問題,此外掛透過搖晃手機或者呼叫
LogConsole。open(context)
在手機上直接顯示日誌。
Logger pub地址:
https://
pub。dev/packages/logger
logger_flutter pub地址:
https://
pub。dev/packages/logger
_flutter
[2] 轉換 Json 資料為 model
通常情況下,伺服器介面返回的資料是 json 格式,將 json 格式的資料轉換為
實體類
是非常繁瑣的工作,尤其是複雜的 json 資料,這裡推薦大家使用
JsonToDart
外掛,Android Studio 和 VS Code 編輯器上都可以安裝此外掛,它可以幫我們將 json 格式的資料轉換為實體類。
詳細用法及安裝:
http://
laomengit。com/guide/dat
a_storage/Json2Model。html
[3] 在不同解析度的手機上檢視UI效果
Flutter 開發最大的優勢就是其跨平臺,當開發完成時,想在不同解析度的手機檢視其效果,那是否要每一款手機都買一個來進行測試?
2019年的 Flutter Interact,像我們展示了同時在多個平臺和裝置上除錯應用程式
下面這款工具包
device_preview
可以讓您在一臺裝置上檢視不同解析度裝置上UI的效果。
不止如此,它還有其他酷炫的功能:
更改裝置方向
動態系統配置:語言,暗模式,文字縮放比例
可自由調整解析度和安全區域的裝置
保持應用程式狀態
截圖
device_preview 地址:
https://
pub。dev/packages/device
_preview
[4] 同時使用 stable 和 master
開發專案時,我們通常使用
stable channel
構建穩定版本,但同時我們也希望體驗新的版本,新的功能,那隻能切換到
master channel
, 但此時穩定專案的版本也隨之切換,來回切換非常麻煩,除了每次切換都要重新下載大量檔案外,也可能出現異常,每一次版本升級都會有很多人遇到專案無法編譯的問題。
那麼怎麼能夠同時存在
stable channel
和
master channel
呢?正常開發使用
stable channel
,想體驗新版本時使用
master channel
。
fvm
這個外掛將會幫助你,fvm是 Flutter Version Management 的簡稱,是管理Flutter SDK版本的簡單CLI。
pub 地址:
https://
pub。dev/packages/fvm
[5] 國際化工具包
有人可能覺得我的專案不需要國際化,只需要中文即可,但是我依然
強烈建議你加入國際化
,原因如下:
以後的事情誰也說不準,是否支援國際化是老闆一句話的事。
增加國際化並不會增加你的工作量,其他國家的語言可以先不翻譯,直接空著即可。
Intl
外掛可以幫我們快速的完成國際化。
詳細使用:
http://
laomengit。com/guide/int
l/%E4%BD%BF%E7%94%A8Intl%E5%8C%85%E5%AE%9E%E7%8E%B0%E5%9B%BD%E9%99%85%E5%8C%96。html#%E4%BD%BF%E7%94%A8intl%E5%8C%85%E5%AE%9E%E7%8E%B0%E5%9B%BD%E9%99%85%E5%8C%96
[6] 應用升級功能
最後介紹一下我自己開發的應用升級功能軟體包,升級功能應該是應用程式必備功能之一了。
目前支援 Android 和 iOS:
詳細使用:
http://
laomengit。com/plugin/up
grade。html
交流
老孟Flutter
部落格(330個控制元件用法+實戰入門系列文章):
http://
laomengit。com
歡迎加入Flutter交流群(微信:laomengit)、關注公眾號【老孟Flutter】