dart - 绘制带边框的圆形图像

我想做类似的事情

new BoxDecoration(
        color: const Color(0xff7c94b6),
        image: new DecorationImage(
          image: new ExactAssetImage('assets/images/restaurant.jpg'),
          fit: BoxFit.cover,
        ),
        borderRadius: new BorderRadius.all(new Radius.circular(50.0)),
        border: new Border.all(
          color: Colors.red,
          width: 4.0,

        ),

我正在寻找的视觉效果就像 gmail 显示用户图像的方式。此代码(来自文档)工作正常,但我的图像应该从 url 加载,并且不在 Assets 中。

最佳答案

NetworkImage是您要查找的类(class)。

           Container(
             width: 100.0,
             height: 100.0,
             decoration: BoxDecoration(
               color: const Color(0xff7c94b6),
               image: DecorationImage(
                 image: NetworkImage('http://i.imgur.com/QSev0hg.jpg'),
                 fit: BoxFit.cover,
               ),
               borderRadius: BorderRadius.all( Radius.circular(50.0)),
               border: Border.all(
                 color: Colors.red,
                 width: 4.0,
               ),
             ),
           ),

https://stackoverflow.com/questions/44275404/

相关文章:

dictionary - flutter/Dart : How to access a single

android - 防止对话框在 Flutter 中关闭外部触摸

dart - flutter 圈设计

dart - Flutter 在 `flutter` 命令上失败

flutter - 如何将焦点转移到 Flutter 中的下一个 TextField?

dart - 如何在 Flutter 中移除 AppBar 前导图标周围的额外填充

android-studio - Flutter Android Studio 构建失败

dart - 触发从小部件到状态对象的函数

dart - 如何在 Flutter 中通过 Navigator 测试导航

dart - 如何在 Flutter 中使一些文本可点击(响应点击)?