AndroidStudio開發Flutter使用技巧

 一、快捷鍵

1. 快速創建Widget：在dart文件中輸入stf或stl出現提示后按回車即可
2. 快速修復：command + 1
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 + enter
13. 前進后退：當跟蹤代碼的時候，經常跳轉到其他類，后退快捷鍵：option+command+方向左鍵，前進快捷鍵：option+command+方向右鍵
14. 全局搜索：command + shift + F
15. 全局替換：command + shift + R
16. 查找引用： option + shift + F7

      備注：以上快捷鍵是AndroidStudio在MacOS的keymap，如果是windows系統，將command換成Ctrl，option換成Alt。

 

 二、提取Flutter代碼

Flutter最讓人頭疼的一點是的布局的嵌套，對於復雜的布局如果不進行任何重構的情況下會嵌套的非常深，從而降低代碼的可讀性不利於后期的維護。在課程中我們推薦的做法是將復雜的布局提取成一個函數或者一個組件，那么接下來給大家分享一個提取Flutter代碼的技巧：

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

 

 

 

除此之外，我們還可以借助AS來將符合條件的代碼塊提取成一個Widget，只需要在Refactor中選擇 Extract Flutter Widget即可。