flutter - 使图像小部件禁用/变灰

Question

我有一堆图像小部件，当它们处于禁用状态时，它们应该看起来是灰色的。

有没有办法改变现有图像使其看起来被禁用/变灰？

我想避免同时使用启用的图像资源和禁用的图像资源来增加整体 APK 大小，而不是使用单个资源。

Answer 1

将小部件设置为容器的子级，并像这样添加foregroundDecoration:

Container(
  foregroundDecoration: BoxDecoration(
    color: Colors.grey,
    backgroundBlendMode: BlendMode.saturation,
  ),
  child: child,
)

-- 更新:基于 this new video来自 flutter 团队，还有另一个小部件。代码基本一样，是这样的:

ColorFiltered(
  colorFilter: ColorFilter.mode(
    Colors.grey,
    BlendMode.saturation,
  ),
  child: child,
)

但我仍然更喜欢使用 Container forgroundDecoration 的方法，因为容器在同一个地方为您提供了更多的灵 active 。