塗料圓形圖像與邊境

Question

我要像做

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加載，並且不在資產中。

Answer 1

NetworkImage是你正在尋找的類。

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