Flutter 颤振-显示来自本地json文件的图像url
我是个新手。我有一个json文件,包含名称、描述、徽标URL。我设法显示名称和说明,因为它们是文本,但我如何显示徽标Flutter 颤振-显示来自本地json文件的图像url,flutter,dart,mobile,Flutter,Dart,Mobile,我是个新手。我有一个json文件,包含名称、描述、徽标URL。我设法显示名称和说明,因为它们是文本,但我如何显示徽标 代码: 这是一个非常简单的方法,就像: return Card( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: <Widget>[ Image.network(
代码:
这是一个非常简单的方法,就像:
return Card( child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Image.network(
myData[index]['logo_url'],
height: 100,
width: 100),
Text('Name' + myData[index]['name']),
Text('Description' + myData[index]['description']),
],
),
);
返回卡(子项:列)(
crossAxisAlignment:crossAxisAlignment.stretch,
儿童:[
图像网络(
myData[索引]['logo_url'],
身高:100,
宽度:100),
Text('Name'+myData[index]['Name']),
Text('Description'+myData[index]['Description']),
],
),
);
您可以从url显示图像或徽标,然后按照下面的程序包进行操作,每次加载图像都不会花费时间:
因此,您的代码是:
new Card(
child: new Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
CachedNetworkImage(
imageUrl: myData[index]['logo_url'],
placeholder: (context, url) => CircularProgressIndicator(),
errorWidget: (context, url, error) => Icon(Icons.error),
),
Text('Name' + myData[index]['name']),
Text('Description' + myData[index]['description']),
],
),
);
新卡(
子:新列(
crossAxisAlignment:crossAxisAlignment.stretch,
儿童:[
CachedNetworkImage(
imageUrl:myData[索引]['logo_url'],
占位符:(上下文,url)=>CircularProgressIndicator(),
errorWidget:(上下文、url、错误)=>图标(Icons.error),
),
Text('Name'+myData[index]['Name']),
Text('Description'+myData[index]['Description']),
],
),
);
return Card( child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Image.network(
myData[index]['logo_url'],
height: 100,
width: 100),
Text('Name' + myData[index]['name']),
Text('Description' + myData[index]['description']),
],
),
);
new Card(
child: new Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
CachedNetworkImage(
imageUrl: myData[index]['logo_url'],
placeholder: (context, url) => CircularProgressIndicator(),
errorWidget: (context, url, error) => Icon(Icons.error),
),
Text('Name' + myData[index]['name']),
Text('Description' + myData[index]['description']),
],
),
);