在颤动中淡入背景图像

Question

我正在尝试淡入背景图像（例如BoxDecoration的图像），但是我在文档中找不到解决方案。

我需要能够在图像上方绘制小部件，并且由于它是NetworkImage，因此我需要使其淡入。

FadeInImage不能用作DecorationImage的背景，因为它需要ImageProvider。

我的问题有解决方案吗？

Answer 1

您可以使用C:\Program Files\Visual Studio\Common7\IDE\TextTransform.exe 并将背景图像放置在实际内容下方，然后使用Stack()淡入或淡出。然后，您可以使用

将图像用作装饰图像

AnimatedOpacity()

此外，还有图片的工厂构造函数，即

Container(
    decoration: BoxDecoration(
      image: DecorationImage(image: NetworkImage('test'))

    ),
  ),

Answer 2

将背景图像放置在实际内容下方，并使用AnimatedOpacity()淡入或淡出，就像@DanielSzy提到的那样，您可以将图像用作装饰图像，如下所示，用于托管在应用程序资源中的图像：

decoration: BoxDecoration(
    image: DecorationImage(
        image: AssetImage('images/drawer.jpg')
    ),
),

'images/drawer.jpg'是您所关注图片的路径。

还要确保配置您的pubspec.yaml文件：

  # To add assets to your application, add an assets section, like this:
  assets:
    - images/