你如何解決 Flutter/Dart 中的“右括號綜合症”？

Question

我認為，編碼 Flutter 時最煩人的問題之一是當您對這些右括號感到困惑/不同步時。

對我來說，經常發生我添加一個新的父小部件或插入一個代碼剪斷然后右花括號/方括號/圓括號不匹配，或者缺少分號/冒號......當然，這是可以解決的：go每個支架和工具都會向您顯示反支架，也許您可以快速檢測到差異......或者沒有。 正如您在截圖中看到的那樣，該工具通過顯示相應的類/小部件有所幫助。 但要讓它同步，總是需要很長時間......

您是否有任何最佳實踐或提示/建議如何快速調整括號？ 你的經驗是什么？

謝謝！

Answer 1

在 VsCode 中，您有一些非常有用的快捷方式：

• 刪除一個小部件
• 用新的小部件包圍現有的小部件
• 和更多

它處理括號的添加/刪除：

Gif 取自這個答案

Answer 2

有一些建議給你
1 - 切換到更輕、更快的 vscode，您可以使用它的智能感知或我們所說的代碼操作來添加小部件並刪除 flutter 代碼中您想要的任何位置。 通過這樣做，它會自動處理括號和東西。
2- 使用 flutter 片段擴展，至少在 vscode 上有很多可用的片段，不確定 android 工作室，但擴展它將自動為您生成樣板模板以及括號
3-您可以 go 到 vscode 或您的 android 工作室的 flutter 擴展設置和自定義它，還有自動格式化和導入的選項。
4- （可選）如果您有 github 副駕駛，那么它會自動向您建議括號和代碼，但並不總是准確的，而且副駕駛並非對所有人都正式可用，但它的方式太好了。

Answer 3

小建議！

我使用IDE 集成功能來避免錯誤，它也節省了我的時間。 檢查下面的例子。 不要嘗試手動包裝。

我發現這篇文章在避免括號錯誤和加快開發方面非常有用。

Answer 4

您可以將代碼分離為函數，甚至更好地創建自己的小部件。 讓我們
假設您必須在主頁上將一堆電影顯示為卡片組。 而是將它們嵌套在您可以創建的巨型腳手架內

1. ListOfMovies小部件使用GridView消耗List<Movie>
2. CardMovie小部件消耗單個Movie object 這是我在自己的項目中分離它們的方法。 這不是完美的，但可能會有所幫助

編輯。 這是另一個小提示：在 JetBrains IDE 上，您可以使用Ctrl+Shift+M命令跳轉到括號或大括號的另一端