syntax - Flutter 的小部件构造函数中的这种类似 JSON 的语法是什么？

Question

我是 Dart 和 Flutter 的新手，我一直在从文档和教程中吸收尽可能多的信息。虽然 Dart 本身并没有给我带来太多麻烦，但 Flutter 到目前为止一直很困难。例如，我似乎无法理解 Hello World 应用程序中的语法:

Scaffold(
    appBar: AppBar(
      title: Text('Welcome to Flutter'),
    ),
    // ...
  ),
);

我在 Dart 文档中找不到类似的语法。它是构造函数，如 ClassName(prop1:val1, prop2:val2) 吗？

Answer 1

您的直觉是正确的。 Scafford() 正在实例化一个 Widget(类)构造函数，您可以看到它已定义 here在文档中。

Flutter UI 就是很多这样的嵌套构造函数。 Widget 构造函数的许多参数本身就是 Widget。

在您的 Hello World 示例中，Scaffold 小部件的 appBar 参数接受一个 AppBar 小部件。 AppBar 本身有一个名为 Title 的参数，它接受一个 Text Widget。