使用 Image 小部件中的 opacity 参数更改 Image.asset 不透明度

Question

我有一个简单的图像，我想将其设置为半透明。 我已经看到了一些方法来做到这一点，但他们都没有谈论接受Animation类型的小部件的自己的Image.asset的参数opacity 。 是否可以使用此参数永久更改不透明度？

Image.asset(
  "assets/images/triangles_small.png",
  height: 380,
),

Answer 1

如果要在 Image 小部件中使用参数，可以构造如下内容：

Image.asset(
        "assets/images/triangles_small.png",
        height: 380,
        opacity: AnimationController(
            vsync: this,
            value: 0.5
        )
      ),

但最好使用@Hippo Fish 收据，将 Image 包装在 Opacity 小部件中：

Opacity(
          opacity: 0.5,
          child: Image.asset(
            "image/link",
            height: 380,
            width: 380,
          ),
        )

当然，您需要使用 mixin 之类的

with SingleTickerProviderStateMixin

使用垂直同步：这个

Answer 2

实际上，问题点在Image.asset opcaity 您可以使用AlwaysStoppedAnimation

Image.asset(
  "image/link",
  opacity: const AlwaysStoppedAnimation(.5),

要拥有 animation，您可以在此处传递 animation。