试图在颤动中创建一个没有 DRY 的 switchListTile答案

【问题标题】：Trying to create a switchListTile without DRY in flutter试图在颤动中创建一个没有 DRY 的 switchListTile
【发布时间】：2020-10-09 17:01:10
【问题描述】：

我对 Flutter 完全陌生，我正在尝试制作一个一周中的每一天都有 7 个开关的应用程序。

当创建 7 个不同的 switchlisttile 时，问题得到解决，每个 switchlisttile 具有不同的值。

但是当我提取方法时，开关不起作用。

下面是代码：

Column(
  children: <Widget>[
    buildSwitchListTile(Title : "Monday" , Value : Value1),
    buildSwitchListTile(Title : "Tuesday" , Value : Value2),
    buildSwitchListTile(Title : "Wednesday" , Value :  Value3),
    buildSwitchListTile(Title : "Thursday" , Value : Value4),
    buildSwitchListTile(Title : "Friday" , Value : Value5),
    buildSwitchListTile(Title : "Saturday" , Value : Value6),
    buildSwitchListTile(Title : "Sunday" , Value : Value7),
  ],
),

提取的方法：

SwitchListTile buildSwitchListTile({String Title , bool Value}) {
  return SwitchListTile(
    title: Text(Title),
    value: Value1,
    onChanged: (bool value) => setState(() {
      Value1 = value;
    }),
  );
}

但是我知道我在上面的方法中使用了 Value1，原因是没有它，开关不起作用。

【问题讨论】：

定义“不起作用”。为什么在buildSwitchListTile 中使用Value 不起作用？
开关不切换。

标签： android ios flutter dart layout

【解决方案1】：

问题是你传入方法的Value1与方法接收的Value不是同一个变量。它们具有相同的值，但如果将值重新分配给Value，则不会影响 Value1 的值。您可以改用硬编码 Value1 就像您正在做的那样，但这意味着您需要为您拥有的每个 value 变量提供一个方法，这不是很干。

相反，为buildSwitchListTile 传递一个回调方法，以便在点击磁贴时调用。这样，当您在 build 方法中调用该方法时，您可以指定每个变量将更改的变量。之后，程序应该可以正常运行了。

SwitchListTile buildSwitchListTile({
  String Title, 
  bool Value,
  void Function(bool) onChanged,
}) {
  return SwitchListTile(
    title: Text(Title),
    value: Value,
    onChanged: onChanged,
 );
}

并像这样使用它：

Column(
  children: <Widget>[
    buildSwitchListTile(Title: "Monday", Value: Value1, 
      onChanged: (val) => setState(() => Value1 = val)),
    buildSwitchListTile(Title: "Tuesday", Value: Value2, 
      onChanged: (val) => setState(() => Value2 = val)),
    buildSwitchListTile(Title: "Wednesday", Value:  Value3, 
      onChanged: (val) => setState(() => Value3 = val)),
    buildSwitchListTile(Title: "Thursday", Value: Value4, 
      onChanged: (val) => setState(() => Value4 = val)),
    buildSwitchListTile(Title: "Friday", Value: Value5, 
      onChanged: (val) => setState(() => Value5 = val)),
    buildSwitchListTile(Title: "Saturday", Value: Value6, 
      onChanged: (val) => setState(() => Value6 = val)),
    buildSwitchListTile(Title: "Sunday", Value: Value7, 
      onChanged: (val) => setState(() => Value7 = val)),
  ],
),

【讨论】：

非常感谢您的帮助，现在程序正在运行。

【解决方案2】：

您将Value1 传递给SwitchListTile 中的value 参数。将其替换为buildSwitchListTile 方法中的value 参数。

您的 IDE 可能会告诉您从未使用过 Value 参数。

附：参数和变量使用lowerCamelCase。学习并遵守 Dart 大写规则有助于每个人更好地理解您的代码。

【讨论】：