【问题标题】: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 中使用Stackplaceholder 的一些透明图像来实现您想要的。

    对于您的代码,它将如下所示:

    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 插件中的kTransparentImagehttps://pub.dartlang.org/packages/transparent_image

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

    祝你好运!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-01-27
      • 2021-01-31
      • 2014-03-13
      • 1970-01-01
      • 2013-02-06
      • 2015-11-17
      相关资源
      最近更新 更多