Android Studio開發Flutter實用技巧


快捷鍵

自動補全

提取Flutter代碼

代碼自動格式化

一、快捷鍵

1、快速創建widget: 在dart文件中輸入stf或者stl出現提示后按回車即可

2、快速創建forin循環,List.for+回車 ,例如

2、快速修復:option + 回車

3、自動生成構造函數:選中final 參數,快捷鍵:option + 回車

4、添加父組件、變為子組件、刪除子組件:option+回車

5、萬能的搜索:雙擊shift

6、查看最近打開的文件:command+E

7、重命名:fn+shift+f6

8、查看當前類結構:command+fn+f12

9、查看源碼: 將光標放到要查看源碼的類名和方法名上,長按command 然后點擊

10、查看類的子類:選中要查看的類,然后command + B或者option + command + B

11、將代碼更新到模擬器上:選中模擬器然后command+R

12、導入類的快捷鍵:將光標放在要導入類的上面,然后按option + 回車

13、前進后退:當跟蹤代碼的時候,經常跳轉到其他類,后退快捷鍵:option+command+方向左鍵,前進快捷鍵:option+command+方向右鍵

14、全局搜索:command+shift+F

15、全局替換:command+shift+R

16、查找引用:option+shift+F7

以上快捷鍵是在Android Studio的macOS的keymap下,如果是Windows系統,將command換成Ctrl,option換成Alt即可;

keyboard-shortcuts

二、代碼自動補全

安裝插件Flutter Snippets 代碼自動補全;

有了這個插件后,Android Studio 可以幫你自動補全主流widget的代碼,以下是觸發自動補全各種widget的縮寫:

column:創建一個column widget

container:創建一個container widget

row:創建一個row widget

showDialog:創建一個AlertDialog

可在插件Flutter Snippets gitREADME.md文檔查看全部快捷鍵

三、代碼提取

Flutter最讓人頭疼的一點是布局的嵌套,對於復雜的布局嵌套如果不進行任何重構的情況下嵌套的非常深,

從而降低代碼的可讀性不利於后期的維護。在課程中我們推薦的做法是將復雜的布局提取成一個函數或者一個組件,那么接下來給大家分享一個提取flutter代碼的技巧;

選中一個比較復雜的widget,鼠標右鍵進入Refactor>Extract Method,然后給這個方法取一個名字,AS可以自動把這塊代碼抽離出一個Method並為它添加對應參數

 

四、代碼自動格式化

雖然我們可以通過快捷鍵option(alt)+command(ctrl)+L來格式化代碼,但是這種手動的方式顯然不夠效率,下面我們來借助AS的保存時代碼自動格式化功能:在Settings>Language&Frameworks>Flutter中選上“Format Code on Save”這個選項:

 

 

 

   原版:慕課網 CrazyCodeBoy講師課程


免責聲明!

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



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