Flutter提升開發效率的一些方法和工具


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到模擬器中,就可以生成相關的布局代碼,自己手動復制粘貼就可以了。

作者:入魔的冬瓜


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM