如何在 Flutter 应用中应用调色板编号？答案

【问题标题】：How to apply color palette number in Flutter app?如何在 Flutter 应用中应用调色板编号？
【发布时间】：2020-09-21 08:58:41
【问题描述】：

我想使用 Material Design 的粉色调色板。 CLICK HERE

#880E4F 或 pink[900] 适用于此代码

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('I Am Rich'),
          backgroundColor: Colors.pink[900],
        ),
        backgroundColor: Colors.pink[900],
      ),
    ),
  );
}

但是，当我想使用 #FF80E4F 或 pink[A100] 时，它根本不起作用？它说

lib/main.dart:11:38: Error: Getter not found: 'A100'.
        backgroundColor: Colors.pink[A100],

我该如何解决这个问题？

【问题讨论】：

标签： flutter dart material-design

【解决方案1】：

Color(0xff880E4F) 应该可以解决问题。

https://api.flutter.dev/flutter/dart-ui/Color-class.html

编辑：

您的示例图片似乎已过时。不要使用pink[A100]。使用Colors.pinkAccent[100] 查看有关如何正确获取强调色的文档： https://api.flutter.dev/flutter/material/Colors-class.html

【讨论】：

【解决方案2】：

你可以使用

backgroundColor: Color(0xFFFF80E4F),

【讨论】：

【解决方案3】：

错误提示您传递的值不正确

颜色函数只接受[100] - [900]之间的值

尝试使用 Colors.pink[100]

如果你想用十六进制代码着色，试试这个方法

Color(0xFFFF80E4F)

如果你想通过改变不透明度来使用颜色，可以使用这个

Colors.pink.withOpacity(0.5)  // values between 0.0 - 1.0

【讨论】：

【解决方案4】：

对于十六进制代码颜色，您必须使用 (0xFF(Hex code))

例如：对于 880E4F，对应的颜色为 (0xFF880E4F)

【讨论】：