Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 颤振-显示来自本地json文件的图像url_Flutter_Dart_Mobile - Fatal编程技术网

Flutter 颤振-显示来自本地json文件的图像url

Flutter 颤振-显示来自本地json文件的图像url,flutter,dart,mobile,Flutter,Dart,Mobile,我是个新手。我有一个json文件,包含名称、描述、徽标URL。我设法显示名称和说明,因为它们是文本,但我如何显示徽标 代码: 这是一个非常简单的方法,就像: return Card( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: <Widget>[ Image.network(

我是个新手。我有一个json文件,包含名称、描述、徽标URL。我设法显示名称和说明,因为它们是文本,但我如何显示徽标


代码:


这是一个非常简单的方法,就像:

 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']),
                        ],
                      ),
                    );