时间戳

首页 > 解决方案 > 在颤动中淡入背景图像

flutter - 在颤动中淡入背景图像

问题描述

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

我需要能够在图像顶部绘制小部件，并且我需要它淡入，因为它是 NetworkImage。

FadeInImage 不能作为装饰图像的背景，因为它需要一个 ImageProvider。

我的问题有解决方案吗？

标签： flutter

解决方案

您可以使用 aStack()并将背景图像放在实际内容下方，然后使用AnimatedOpacity()淡入或淡出。然后，您可以将图像用作装饰图像 

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

    ),
  ),

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

Image.network(), Image.asset(),FadeInImage.assetNetwork

推荐阅读