Как потушить украшение изображения в флаттере?

Question

Я пытаюсь исчезнуть в изображении украшения и не могу понять, как.

Для свойства image требуется ImageProvider, а виджет FadeInImage - это StatefulWidget.

Вот с чем я пытался работать:

decoration: BoxDecoration (
  image: DecorationImage(
    fix: BoxFit.cover,
    image: ...
  ),
)

Answer 1

Вы не сможете оживить Украшение изображения. Как вы сказали, DecoImage предоставляет только ImageProvider, который на самом деле не допускает анимацию (по крайней мере, насколько я знаю).

Возможно, вы сможете написать новый AnimatedDecorationImage, взяв часть кода из DecoImage и отредактировав его, но это будет довольно сложно.

Вместо этого я бы рекомендовал использовать стек для имитации того же самого элемента, что и DecorationImage. Это позволит вам использовать виджет FadeInImage.

Это будет выглядеть примерно так:

Stack(
  children: [
    FadeInImage(
      placeHolder: MemoryImage(....),
      image: NetworkImage(...),
    ),
    <your widget, I assume a container?>
  ],
)