基于背景图像的文本颜色变换

Question

我想改变文本（和图标）的颜色基于背景图像的可见性。

我尝试过：使用palette_generator包检查背景图像的主要颜色，并使用flutter_statusbarcolor包中的WhiteForGroundForColor函数（返回一个bool）为我的文本（和图标）颜色选择黑色或白色。

问题是：有时主色变成空。在我的测试中，这种情况发生在黑色和白色，我不知道有什么方法可以找出哪一种。

Future<bool> useWhiteTextColor(String imageUrl) async {
  PaletteGenerator paletteGenerator =
      await PaletteGenerator.fromImageProvider(
    NetworkImage(imageUrl),

    // Images are square
    size: Size(300, 300),

    // I want the dominant color of the top left section of the image
    region: Offset.zero & Size(40, 40),
  );

  Color dominantColor = paletteGenerator.dominantColor?.color;

  // Here's the problem 
  // Sometimes dominantColor returns null
  // With black and white background colors in my tests
  if (dominantColor == null) print('Dominant Color null');

  return useWhiteForeground(dominantColor);
}

我为其他语言找到了其他方法，但我不知道在Dart中实现相同方法的方法。

附加注意：我的实际代码包括一些附加的并发症。我使用的是一个SliverAppBar，这里我想确定flexibleSpace扩展时的标题和图标颜色。我改变他们的颜色，当崩溃时，在社区的帮助下，基于这一点。

Answer 1

我用下面的方法来找出要用哪一个（黑的或者白的）。

Color getTextColor(Color color) {
int d = 0;

// Counting the perceptive luminance - human eye favors green color...
double luminance =
    (0.299 * color.red + 0.587 * color.green + 0.114 * color.blue) / 255;

if (luminance > 0.5)
  d = 0; // bright colors - black font
else
  d = 255; // dark colors - white font

return Color.fromARGB(color.alpha, d, d, d);   }

Answer 2

color类已经有一个计算亮度的方法，称为computeLuminance（）

Color textColor = color.computeLuminance() > 0.5 ? Colors.black : Colors.white;