我想在 Flutter 中使用来自 firebase 的十六进制代码

Question

我是 Firebase 的新手，我终于从 Firebase 获得了数据。 我使用颜色，每张卡片都有一个颜色和颜色编号。

我在 Firebase 中有： 一个字段colorCode，它是一个String，值为'0xFFFFB142'

在 Flutter 中我尝试这样做：

final int colorCode = list[index]['colorCode'].hashCode;

                            Container(
                              height: 25.0,
                              width: 25.0,
                              color: Color(colorCode),
                            ),

我没有失败，但我看不到颜色。

它必须是 int，但它是字符串代码中的十六进制。 当我在 Firebase 中尝试一个 int 时，我失败了，因为它是十六进制的。

更新： 到目前为止，感谢大家的帮助！ 我自己在 Firebase 中输入了代码。它和你通常放在那个地方的一样，比如 color: Color(0xFFFFB142)，其中 FFB142 是颜色#FFB142 在 Firebase 中，我使用了字符串，因为不允许使用 int 或纯代码。 使用我的代码，当我打印它时：它得到 171924876，这不是正确的颜色代码。

我试过这个：

                    final dynamic colorCode =
                        list[index]['colorCode'].toString();

                    print(colorCode); // the right color code is printend: 0xFFFFB142

当我把它放进去时：

                            Container(
                              height: 25.0,
                              width: 25.0,
                              color: Color(0xFFFFB142),

它工作正常，但我在 Firebase 中为每个项目都有另一个颜色代码。

收到这条错误消息我觉得很奇怪，因为我不想要一个 int，而是一个像 0xFFFFB142 这样的颜色代码

 type 'String' is not a subtype of type 'int'

希望你能帮助我！

Answer 1

您可以使用截断0x 并将其余部分解析为十六进制的函数。

Color convertToColor(String prefixedHex) => Color(int.parse(
      prefixedHex.substring(2),
      radix: 16,
    ));

Answer 2

我找到了一个简单的解决方案，通过使用一个包将字符串代码“#FFB142”转换为颜色代码：Flutter_Color。

https://pub.dev/packages/flutter_color

我使用的代码：

import 'package:flutter_color/flutter_color.dart';

final String colorCode = list[index]['colorCode'];

                            Container(
                              height: 25.0,
                              width: 25.0,
                              color: HexColor(colorCode),

所以我导入包，让颜色代码为字符串，并使用HexColor而不是Color。

希望这个简单的解决方案也能帮助其他人。 感谢这里的所有其他人为我指出正确的方向。最后它不是关于firebase，而是将字符串转换为颜色代码，所以我用谷歌搜索了这个包。