Question

对于Flutter应用程序，我想将JSON数据图像显示到列表视图中。在下面，我输入了一个简短的数据示例。

目前，我正在使用以下方法获取数据：

Future<String> getJsonData() async {
var response = await 
rootBundle.loadString('assests/data/test.json');

this.setState(() {
  var convertDataToJson = json.decode(response);
  data = convertDataToJson;
});

我正在使用以下方式输出数据：

child: new Text(data[index]['text'])

如何输出存储的img？

Img: "PB:29110b176efb5c79_normal.jpeg"

Answer 1

我假设您在assets/目录中有这些图像，并在pubspec.yaml文件中添加了这些图像，如下所示：

flutter:
  assets:
    - assets/image01.jpg
    - assets/image02.jpg

如果您有很多文件，也可以提及目录，如下所示：

flutter:
  assets:
    - assets/

如果已经满足这两个要求，则可以使用以下代码轻松显示图像：

Image.asset(data[index]['Img']);

JSON中的图像路径应正确映射到资产目录。

Flutter-访问JSON存储的图像并在列表视图中显示

1 个答案: