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

Question

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

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

Answer 1

实际上，问题点使用了opcaityon Image.asset。您可以使用AlwaysStoppedAnimation

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

想要有动画，可以在这里传递动画。

Answer 2

如果您想在图像小部件中使用参数，您可以构造如下内容：

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

使用垂直同步：这个