Image 颤振媒体卡-图片和标题,带有链接
如何将Image 颤振媒体卡-图片和标题,带有链接,image,flutter,Image,Flutter,如何将image.network()放入卡中 new Card( child: new Container( Image.network(data[index]['image'], width:200.0, height: 200.0,fit: BoxFit.cover), child: new Text(data[index]['title']), padding: const EdgeInsets.all(20.0),
image.network()
放入卡中
new Card(
child: new Container(
Image.network(data[index]['image'], width:200.0, height: 200.0,fit: BoxFit.cover),
child: new Text(data[index]['title']),
padding: const EdgeInsets.all(20.0),
),
)
如果我删除Image.network(…)
行,效果很好
new Card(
child: new Container(
child: new Text(data[index]['title']),
padding: const EdgeInsets.all(20.0),
),
)
我自己解决了这个问题,但会把代码放在这里,以防其他人有这个问题。因为没有关于如何做我想做的事情的文档。我相信可能有更好的方法来获得结果,比如(图片底部的文本,但问题是如何从网络中获取图片并在卡片中显示)
新卡(
子容器:新容器(
子:新列(
儿童:[
纵队(
儿童:[
Image.network(数据[索引]['Image'],fit:BoxFit.fitWidth),
文本(数据[索引]['title'],样式:TextStyle(fontSize:18.0,fontWeight:fontWeight.bold)),
]
),
],
),
),
)
我自己解决了这个问题,但我会把代码放在这里,以防其他人遇到这个问题。因为没有关于如何做我想做的事情的文档。我相信可能有更好的方法来获得结果,比如(图片底部的文本,但问题是如何从网络中获取图片并在卡片中显示)
新卡(
子容器:新容器(
子:新列(
儿童:[
纵队(
儿童:[
Image.network(数据[索引]['Image'],fit:BoxFit.fitWidth),
文本(数据[索引]['title'],样式:TextStyle(fontSize:18.0,fontWeight:fontWeight.bold)),
]
),
],
),
),
)
您能告诉我预期结果是什么吗?您应该在下面发布您的答案,作为答案,而不是对问题的编辑。
new Card(
child: new Container(
child: new Column(
children: <Widget>[
Column(
children: <Widget>[
Image.network(data[index]['image'], fit: BoxFit.fitWidth),
Text(data[index]['title'], style: TextStyle(fontSize: 18.0, fontWeight: FontWeight.bold)),
]
),
],
),
),
)
new Card(
child: new Container(
child: new Column(
children: <Widget>[
Column(
children: <Widget>[
Image.network(data[index]['image'], fit: BoxFit.fitWidth),
Text(data[index]['title'], style: TextStyle(fontSize: 18.0, fontWeight: FontWeight.bold)),
]
),
],
),
),
)