你如何解决 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命令跳转到括号或大括号的另一端