Измените размер основного изображения, не затрагивая размер изображения заполнителя в Flutter

Question

У меня есть небольшой вопрос об изображении и предварительной загрузке во флаттере:

Как изменить значение подгонки к покрытию изображения, не затрагивая размер заполнителя?

Widget primaryVideoImg(img) {
return Flex(
  direction: Axis.horizontal,
  children: <Widget>[
    Expanded(
        child: GestureDetector(
            child: FadeInImage.assetNetwork(
      placeholder: 'res/preloader.gif',
      image: 'remote image url',
      fit: BoxFit.fill,
    )))
  ],
);

}

Как вы видите на рисунке ниже, заполнитель занимает также всю страницу.

Answer 1

Вы можете использовать Stack и некоторое прозрачное изображение для placeholder в FadeInImage.assetNetwork, чтобы достичь желаемого.

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

import 'package:transparent_image/transparent_image.dart';

...

Stack(children: <Widget>[
        new Image.asset('res/preloader.gif', fit: BoxFit.fill),
        FadeInImage.assetNetwork(
          placeholder: kTransparentImage,
          image: 'remote image url',
          fit: BoxFit.cover,
        ),
      ],
    );

Вы можете сделать собственное прозрачное изображение и прикрепить его к проекту.Или используйте kTransparentImage, представленный в плагине transparent_image 0.1.0 : https://pub.dartlang.org/packages/transparent_image

Я нашел этот трюк в кулинарной книге Флаттера.Для получения дополнительной информации смотрите эту ссылку: https://flutter.io/docs/cookbook/images/fading-in-images

Удачи!