Flutter的環境搭配完之后,就開始Flutter的開發,下面的一些工具和方法,可以省下一些時間。
自己在用的,暫時想到的,就是這些了,總結一下。
1.JSON解析快速生成實體類
根據接口返回的數據,編寫實體類,添加兩個方法。
fromJson()方法是可以聰一個Map中構造出一個User的實例,toJson()方法,可以將一個實例轉化為Map。
如果接口返回的數據比較復雜點,那么手動寫起來就會很麻煩。這個時候可以利用json_serializable來幫你自動生成實體類的一些代碼,還有利用caijinglong.github.io/json2dart/i…來快速生成相關代碼。
將json數據復制到這個網站上,就會生成相關的代碼,只需要將這些代碼復制到項目中的文件就行了,
最后在我們的項目根目錄下運行flutter packages pub run build_runner build,我們可以在需要時為我們的model生成json序列化代碼 。
注意:要先在pubspec.yaml文件里面添加:
每個類最后面生成的with _$UserSerializerMixin,這部分可以去掉,不去掉的話,好像生成會有問題,反正我是去掉了,沒什么影響。
2.代碼模板
最簡單的一個例子,就是在寫一個有狀態StatefulWidget的時候,要手動繼承StatefulWidget,重寫createState方法,再創建一個相應的State類並重寫build方法。會寫到你吐血。
這個時候就需要一些代碼模板,幫你快速生成代碼。
反正百度一下肯定有些導入Flutter代碼模板的教程。
比如直接打出stf,就可以自動提示生成StatefulWidget的代碼了。
3.Asset資源文件的導入
Flutter中,常見類型的asset包括靜態數據(例如JSON文件),配置文件,圖標和圖片(JPEG,WebP,GIF,動畫WebP / GIF,PNG,BMP和WBMP)。
一般導入的資源都要在pubspec.yaml文件中按照下面的方式,一個一個進行聲明,應用程序才能獲取到。
改進方法:要包含asset文件下面的所有資源,直接用下面這樣方法,這樣的話,只在這個目錄里的文件會被包含進來。
4.Flutter Outline工具,主要用於視圖的預覽,還有其他功能
在編寫布局的時候,可以看到Flutter Outline界面,會實時地更新所寫的布局層次,方便查看。
除了視圖的預覽,還有其他的功能。
就是右鍵某一個widget,可以根據提示框,快速幫你在這個widget的外面包裝一層比如padding之類的代碼。這個功能有時候挺方便的。
Extract method的作用是:可以把某一個widget控件的代碼,幫你封裝成一個方法。不用你去手動地去找出一個widget的全部代碼,再自己拉到某一個方法內。
另一方面,也可以方便地看出這個widget的相關代碼,比如要復制操作起來也比較方便。
5.拖動widget自動生成相關代碼
有一個網站:flutterstudio.app/
可以拖動widget到模擬器中,就可以生成相關的布局代碼,自己手動復制粘貼就可以了。
作者:入魔的冬瓜