更改主图像尺寸而不触及 Flutter 中的占位符图像大小

【问题标题】：Change the primary image dimension without touching placeholder image size in Flutter更改主图像尺寸而不触及 Flutter 中的占位符图像大小
【发布时间】：2019-06-28 13:21:27
【问题描述】：

我对 Flutter 中的图像和预加载有一点疑问：

如何在不触及占位符大小的情况下更改适合值以覆盖图像？

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,
    )))
  ],
);

}

正如您在下图中看到的那样，占位符也占据了整个页面。

【问题讨论】：

标签： image dart flutter

【解决方案1】：

您可以在FadeInImage.assetNetwork 中使用Stack 和placeholder 的一些透明图像来实现您想要的。

对于您的代码，它将如下所示：

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,
        ),
      ],
    );

您可以制作自己的透明图像并将其附加到项目中。或者使用 transparent_image 0.1.0 插件中的kTransparentImage： https://pub.dartlang.org/packages/transparent_image

我在 Flutter 食谱中找到了这个技巧。有关更多信息，请查看此链接： https://flutter.io/docs/cookbook/images/fading-in-images

祝你好运！

【讨论】：