如何将变量内容传递给 dart/flutter 中的参数值？

Question

我可能遗漏了一些明显的东西，但是我在将变量传递给颤振/飞镖中的参数或小部件时遇到了麻烦。例如，假设我有一些变量：

String col = 'red';

我想将它传递给一个颜色参数以获得相当于

color: Colors.red

困难的是，我尝试传递值的任何方式最终都会传递一个字符串（这是不被接受的），包括尝试直接传递 col 的值或尝试构建一个返回 @ 的函数987654324@。

我认为我需要的是类似函数的东西

setColor(String str) {
    return Colors.str;
  }

但是，正如您所料，这会返回“没有为类型 'Colors' 定义 getter 'str'。” （同样适用于：

setColor(String str) {
    return Colors.$str;
}

我知道一个选择是使用一堆 if 来创建一个函数，比如

setColor(String str) {
 if (str==red) return Colors.red;
 if (str==blue) return Colors.blue;
 if (str==green) return Colors.green;
etc.
}

但如果有的话，我更喜欢更优雅的选择。

编辑：看起来这并不像我希望的那么简单（请参阅下面的答案和答案）。

Answer 1

库Supercharged 是您的最佳解决方案。您可以这样尝试（十六进制文本或 HTML 颜色）：

"#ff00ff".toColor();  // pink
"ff0000".toColor();   // red
"00f".toColor();      // blue
"red".toColor();      // red (HTML color name)
"deeppink".toColor(); // deep pink (HTML color name)

当然，这个功能依赖于扩展。 Dart 2.7 中引入的扩展方法。

编辑：

extension MainAxisAlignmentExtension on String {
  MainAxisAlignment get mainAxis {
    switch (this.toUpperCase()) {
      case "BETWEEN":
        return MainAxisAlignment.spaceBetween;
      case "AROUND":
        return MainAxisAlignment.spaceAround;
      case "EVENLY":
        return MainAxisAlignment.spaceEvenly;
      case "CENTER":
        return MainAxisAlignment.center;
      case "START":
        return MainAxisAlignment.start;
      case "END":
        return MainAxisAlignment.end;
      default:
        return MainAxisAlignment.start;
    }
  }
}

print("Between".mainAxis);
print("AROUND".mainAxis);

Answer 2

您可以使用颜色类型，而不是将颜色作为字符串传递

Color col = Colors.red;

如果你想继续使用字符串存储颜色，你可以使用十六进制值

String col = "#FF5733";

并使用函数将其转换为颜色

Color hexToColor(String code) {
  return new Color(int.parse(code.substring(1, 7), radix: 16) + 0xFF000000); 
}

例子：

Color newColor = hexToColor(col);

希望这就是你要找的东西！

Answer 3

您可以通过将颜色声明为变量来将颜色从一个小部件传递到另一个小部件。

final Color redColor=Colors.red;

然后您可以将它作为参数传递给小部件（将颜色传递给小部件）：

Widget something(Color redColor){
 Text("It Works!",style: TextStyle(color: redColor))
}

如果您想将它从一个无状态或有状态小部件传递到另一个：

class DetailScreen extends StatelessWidget {
  // Declare a field that holds the color.
  final Color redColor;

  // In the constructor, require a Color.
  DetailScreen({Key key, @required this.redColor}) : super(key: key);

  // Your widget build and other things here
}

然后通过调用获取值：

Text("It Works!",style: TextStyle(color: widget.redColor))