Загрузка локального JSON в ListView.builder
Я получаю следующее исключение при попытке создать ListView.builder с использованием данных из локального json.
[ОШИБКА: topaz / lib / tonic / logging / dart_error.cc (16)] Необработанное исключение: тип «Список» не является подтипом типа «Карта» в приведении типов, где Список взят из dart: core Карта взята из dart: core
Пожалуйста, кто-нибудь может мне помочь?
Future<Stream<Produto>> getProdutosFromAsset() async {
return new Stream.fromFuture(rootBundle.loadString('assets/produtos.json'))
.transform(json.decoder)
.expand((jsonBody) => (jsonBody as Map)['results'])
.map((jsonPlace) => new Produto.fromJson(jsonPlace));
}
class Despensa extends StatefulWidget {
@override
DespensaState createState() => new DespensaState();
}
class DespensaState extends State<Despensa> {
var produtoList = <Produto>[];
dataJson() async {
final stream = await getProdutosFromAsset();
stream.listen((place) => setState(() => produtoList.add(place)));
produtoList.forEach((f) => print(f));
}
@override
initState() {
super.initState();
dataJson();
}
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Row(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.max,
children: <Widget>[
new Row(children: [
new Icon(Icons.kitchen),
new Text(' Despensa'),
]),
new Expanded(
child: new Icon(Icons.search),
)
],
),
),
body: new ListView.builder(
itemBuilder: (BuildContext context, int index) =>
new ProdutoItem(produtoList[index]),
itemCount: produtoList.length,
),
);
}
}
produtos.json
[
{
"prodcd": 1,
"proditem": false,
"prodtitle": "Bebidas",
"prodcont": 0,
"prodicon": "graphics/bebidas.png",
"proddesde": "13/03/2018",
"prodchildren": [
{
"prodcd": 101,
"proditem": false,
"prodtitle": "Aguas",
"prodcont": 0,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": [
{
"prodcd": 1001,
"proditem": false,
"prodtitle": "Agua Tonica",
"prodcont": 0,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 1002,
"proditem": false,
"prodtitle": "Agua Mineral",
"prodcont": 0,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": []
}
]
},
{
"prodcd": 102,
"proditem": false,
"prodtitle": "Energeticos",
"prodcont": 0,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 103,
"proditem": false,
"prodtitle": "Chas",
"prodcont": 0,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 104,
"proditem": true,
"prodtitle": "Sucos",
"prodcont": 1,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 105,
"proditem": false,
"prodtitle": "Refrescos",
"prodcont": 0,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 106,
"proditem": true,
"prodtitle": "Refrigerantes",
"prodcont": 0,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 107,
"proditem": false,
"prodtitle": "Cervejas",
"prodcont": 0,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 108,
"proditem": false,
"prodtitle": "Destilados",
"prodcont": 0,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 109,
"proditem": false,
"prodtitle": "Whisky",
"prodcont": 0,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 110,
"proditem": false,
"prodtitle": "Vinhos e Espumantes",
"prodcont": 0,
"prodicon": "",
"proddesde": "13/03/2018",
"prodchildren": []
}
]
},
{
"prodcd": 2,
"proditem": false,
"prodtitle": "Carnes e Aves",
"prodcont": 0,
"prodicon": "graphics/carnes_e_aves.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 3,
"proditem": false,
"prodtitle": "Cereais e Farinhas",
"prodcont": 0,
"prodicon": "graphics/cereais.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 4,
"proditem": false,
"prodtitle": "Congelados",
"prodcont": 0,
"prodicon": "graphics/congelados.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 5,
"proditem": false,
"prodtitle": "Enlatados",
"prodcont": 0,
"prodicon": "graphics/enlatados.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 6,
"proditem": false,
"prodtitle": "Frios e Laticínios",
"prodcont": 0,
"prodicon": "graphics/frios_laticinios.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 7,
"proditem": false,
"prodtitle": "Higiene e Beleza",
"prodcont": 0,
"prodicon": "graphics/higiene.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 8,
"proditem": false,
"prodtitle": "Hortifruti",
"prodcont": 0,
"prodicon": "graphics/hortifruti.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 9,
"proditem": false,
"prodtitle": "Limpeza",
"prodcont": 0,
"prodicon": "graphics/limpeza.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 10,
"proditem": false,
"prodtitle": "Massas e biscoitos",
"prodcont": 0,
"prodicon": "graphics/massas.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 11,
"proditem": false,
"prodtitle": "Mercearia",
"prodcont": 0,
"prodicon": "graphics/mercearia.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 12,
"proditem": false,
"prodtitle": "Padaria",
"prodcont": 0,
"prodicon": "graphics/padaria.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 13,
"proditem": false,
"prodtitle": "Perfumaria",
"prodcont": 0,
"prodicon": "graphics/perfumaria.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 14,
"proditem": false,
"prodtitle": "Pescados",
"prodcont": 0,
"prodicon": "graphics/pescados.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 15,
"proditem": false,
"prodtitle": "Pet shop",
"prodcont": 0,
"prodicon": "graphics/petshop.png",
"proddesde": "13/03/2018",
"prodchildren": []
},
{
"prodcd": 16,
"proditem": false,
"prodtitle": "Utilidades Domésticas",
"prodcont": 0,
"prodicon": "graphics/ud.png",
"proddesde": "13/03/2018",
"prodchildren": []
}
]
То же, что и Gunter. Ваш json, скорее всего, представляет собой список результатов вместо { result: [...]}
—
14.03.2018 14:21
Спасибо, ребята, за поддержку. Я не знаю, как это исправить. Приведенный выше код является компиляцией из образцов на github.
—
14.03.2018 14:36
Можете поделиться assets/produtos.json? Также хочу пригласить вас присоединиться к facebook.com/groups/dartlangbr
—
14.03.2018 15:12
Я отредактировал свой вопрос, вставив produtos.json. Спасибо за приглашение
—
14.03.2018 15:39
В вашем JSON нет "results" или это то, что возвращает (jsonBody as Map)['results']?
—
14.03.2018 15:46
Как сделать HTTP-запрос в Javascript?
В JavaScript вы можете сделать HTTP-запрос, используя объект XMLHttpRequest или более новый API fetch. Вот пример для обоих методов:
0
6
873
2
Ответы 2
Ваше расширение считает, что ваш JSON - это гигантский объект с ключом results, но на самом деле ваш JSON уже является списком, в который вы пытаетесь выполнить потоковую передачу.
Итак, вы должны исправить расширение вашего потока на: .expand((List<Map<String, dynamic>> list) => list).
Нравиться:
main.dart
import 'dart:async';
import 'dart:io';
import 'dart:convert';
class Product {
final String title;
Product({this.title});
factory Product.fromJson(Map<String, dynamic> data) {
return new Product(title: data['prodtitle']);
}
}
void main() {
final Stream stream =
new Stream.fromFuture(new File('products.json').readAsString());
stream
.transform(JSON.decoder)
.expand((List<Map<String, dynamic>> list) => list)
.map((Map<String, dynamic> data) => new Product.fromJson(data))
.listen((Product p) => print(p.title));
}
выход
Ну, я попробовал еще немного и нашел одно возможное решение от Натали Масс Хупер. Теперь все работает как положено. Спасибо за поддержку.
List produtoList = <Produto>[];
Future<String> loadAssetJson() async{
return await rootBundle.loadString('assets/produtos.json');
}
Future loadProdutos() async{
String jsonProdutos = await loadAssetJson();
parseJsonProdutos(jsonProdutos).forEach((f) => produtoList.add(new Produto.fromJson(f)));
}
List parseJsonProdutos(String jsonString){
List jsonDecoded = JSON.decode(jsonString);
return jsonDecoded;
}
class Despensa extends StatefulWidget {
@override
DespensaState createState() => new DespensaState();
}
class DespensaState extends State<Despensa> {
@override
initState() {
super.initState();
loadProdutos();
}
Другие вопросы по теме
ListView не отображает значение, переданное из другого действия
Фильтр ListViewItems с помощью оператора if в vb.net
Как передать данные представления списка в другое представление списка?
Listview не заполняется после навигации по странице в Xamarin
ListView внутри ScrollView (у меня другая проблема)
Добавление изображения в Firebase
Динамическое добавление пользовательского представления в recyclerview
Ошибка перезагрузки ListView, если одна из записей выбрана заранее
ListView AfterLabelEdit запускается дважды
Есть ли способ получить только одно значение для setOnItemClickListener вместо получения нескольких значений, если параметр нажимается несколько раз?
Похожие вопросы
Json при публикации добавлен с косой чертой и не удаляется даже после замены
Как сопоставить вложенную коллекцию с объектом экземпляра класса в TypeScript
Как создать действительный вывод json с массивом объектов json
Создание JSON для базовой аутентификации для API платежного шлюза billPlz?
Как создать Swagger #definition из образца JSON
D3.js не читает JSON (d3.js + dc.js + crossfilter)
JSONArray имеет значение null при получении из JSONObject
Как я могу использовать регулярное выражение для извлечения дочернего узла из структуры JSON?
Назначение длинного ответа JSON для словаря вызывает ошибку потока
Преобразование целочисленного массива в json в c
Вероятно, вы получите карту из JSON, где ожидаете список. Об этом сообщает сообщение об ошибке. Проблема скорее всего в
(jsonBody as Map)['results']илиnew Produto.fromJson(jsonPlace)