如何将 Widget 传递给 flutter 中的 const 构造函数？

Question

我有一个 class 用于在我的 flutter 应用程序中存储标签的标题、正文和图标。

class Destination {
  const Destination(
      {this.title,
      this.icon,
      this.color = Colors.blue,
      this.body: const Center(
        child: Text("Example"),
      )});

  final String title;
  final IconData icon;
  final MaterialColor color;
  final Widget body;
}

我正在尝试使用创建所有标签的列表

const List<Destination> allDestinations = <Destination>[
  Destination(title: 'Calculate', icon: Icons.edit, body: const Calculator()),
  Destination(
    title: 'Detail',
    icon: Icons.details,
  )
];

但它一直显示错误，无论我是否添加 const，const 变量都必须用常量值初始化。 Calculator()只是 StatefulWidget。 因此，我将不胜感激任何帮助以了解我做错了什么。

Answer 1

正如我所说， Calculator没有const构造函数。 有时您无法为小部件创建const构造函数。 因为小部件必须是immutable class这可能会破坏您的目的。

在 Flutter 中，一些小部件具有const constructor ，其中一些没有（等列、行、动画容器）。 通常原因是它们是交互式的（内部和外部）。

您的示例中的另一个技巧是，如果您将const放入您的variable ，则赋值的右侧does not need any const 。 因为如果这个变量是 const，右边肯定已经是 const，所以不需要每次都定义const 。

同样的事情也适用于树，如果父母有const ，孩子必须是 const ，不需要放另一个 const 。

在您的示例中，如果Calculator有一个 const 构造函数，则将 const 放入 Calculator 不会有任何区别。

因此，这与您的功能完全相同：

const List<Destination> allDestinations = <Destination>[
  Destination(title: 'Calculate', icon: Icons.edit, body: Calculator()),
  Destination(
    title: 'Detail',
    icon: Icons.details,
  )
];

Answer 2

如果您将计算器构造函数设为 const 会怎样：

class Calculator extends StatefulWidget {
  const Calculator({Key key}) : super(key: key);

  @override
  _CalculatorState createState() => _CalculatorState();
}