Flutter中如何保留透明像素的同时将图片非透明区域填充为白色

方案1：修改ColorFilter矩阵（通用方案，适配所有子组件类型） #

该方案无需改动现有代码结构，直接替换灰度矩阵即可，核心逻辑是将RGB三个通道的输出固定为最大值（255即纯白色），同时保留原有透明度通道的数值，刚好满足「所有非透明像素替换为纯白色」的需求，适配文字、图片、图标等任意子组件类型。
替换后的完整代码：

final whiteMatrix = ColorFilter.matrix(<double>[
  0, 0, 0, 0, 255,
  0, 0, 0, 0, 255,
  0, 0, 0, 0, 255,
  0, 0, 0, 1, 0,
]);
Widget white(BuildContext context) {
  return ColorFiltered(
    colorFilter: whiteMatrix,
    child: Text(icon,
        style: Theme.of(context)
            .textTheme
            .headline1!
            .apply(fontSizeFactor: 2.3)),
  );
}

矩阵原理说明：5x4的矩阵每一行对应输出的R、G、B、A通道的计算规则，前三行把原有RGB的输入系数全部设为0，末尾偏移量设为255，不管原有像素是什么颜色，输出的RGB都是255纯白色；第四行保持原有透明度不变，透明区域不会被替换为白色。

方案2：直接指定文字颜色（仅适用于文字子组件） #

如果ColorFiltered仅包裹单一文字组件，也可以直接修改Text的style颜色，写法更简洁：

Widget white(BuildContext context) {
  return Text(icon,
      style: Theme.of(context)
          .textTheme
          .headline1!
          .apply(fontSizeFactor: 2.3, color: Colors.white));
}

内容的提问来源于stack exchange，提问作者Stéphane de Luca