Flutter - Доступ к сохраненному в JSON изображению и отображение в виде списка

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: "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 должен быть правильно сопоставлен с каталогом ресурсов.