我正在使用FadeInImage小部件在我的应用程序中显示网络图像.因为我想使用FadeInImage的占位符属性,所以不能使用NetworkImageImage.Network小部件.

现在我想做FadeInImage个圆形,所以我试着使用以下选项.

  1. 我试着在Container中包装FadeInImage,使其成为圆形,但DecorationImage属性不允许FadeInImage
  2. 我try 使用CircleAvatar,但background Image属性CircleAvatar不允许使用FadeInImage
  3. 我试着使用cached_network_image个Flutter 库,但遇到了同样的问题
  4. 我试过的最后一种 Select 是用ClipRRect将其变成圆形,但仍然不起作用

以下是我的代码

Container(
      width: 50.0,
      height: 50.0,
      child: ClipRRect(
        borderRadius: BorderRadius.circular(25.0),
        child: FadeInImage(
            placeholder: AssetImage("images/alex.jpg"),
            image: NetworkImage(
                "https://cdn1.thr.com/sites/default/files/imagecache/scale_crop_768_433/2018/02/gettyimages-862145286_copy_-_h_2018.jpg")),
      ),
    );

推荐答案

设置FadeInImage的Width和Height属性,它应该可以工作.

ClipOval(
  child: CachedNetworkImage(
      fit: BoxFit.cover,
      width: 50,
      height: 50,
      placeholder: AssetImage("images/alex.jpg"),
      imageUrl:"https://cdn1.thr.com/sites/default/files/imagecache/scale_crop_768_433/2018/02/gettyimages-862145286_copy_-_h_2018.jpg",
  ),
)

enter image description here

Dart相关问答推荐

捕获一个区域中的所有期货

什么相当于 dart 中的 JAVA ThreadLocal?

Flutter 是否提供即时应用程序?

Task 'app:processDebugResources'的Flutter执行失败

如何保存 List 并使用 Hive 检索?

如何正确启用/禁用 Flutter 的 Button

如何在没有 Scaffold.drawer 的情况下使用 Drawer?

Flutter - 如何自动启用 AnimatedOpacity?

如何在Flatter中更改复选框边框 colored颜色 ?默认情况下,它显示为黑色,但我希望它显示为灰色

如何在 Flutter DropDown 按钮中搜索

如何在 Flutter 中让 Android 状态栏变亮

Dart 交互/访问数据库

在 Dart 中实现观察者模式

在 Dart 中将类类型作为变量传递

如何创建类型别名

Dart 转换列表的每个元素

如何在抽象类中声明工厂构造函数?

轻松判断数字是否在 Dart 的给定范围内?

如何在 Dart 中获取字符串的字节数?

将方法或值添加到 dart 中的枚举