Флаттер json разбора массива - PullRequest
Новая
       4

Флаттер json разбора массива

0 голосов
/ 14 марта 2020

Я знаю, что это обычный вопрос, но я не нашел никакого решения, поэтому я поднимаю вопрос.

JSON формат выглядит следующим образом: 

[
  {
    "id": "127",
    "image": "https://www.website.com/imgFldr/app/app-bangalore3.jpg",
    "city": "Bangalore",
    "store_mobile": "+91-978XXXXXXX",
    "search_by": "Search one",
    "url": "image url",
    "store_address": "Address 1"
  },
  {
    "id": "128",
    "image": "https://www.website.com/imgFldr/app/app-bangalore2.jpg",
    "city": "Bangalore",
    "store_mobile": "+91-978XXXXXXX",
    "search_by": "Search 2",
    "url": "image url",
    "store_address": "Address 2"
  },
  {
    "id": "137",
    "image": "https://www.website.com/imgFldr/app/app-bangalore.jpg",
    "city": "Bangalore",
    "store_mobile": "+91-978XXXXXXX",
    "search_by": "Search 3",
    "url": "image url",
    "store_address": "Address 3"
  },
  {
    "id": "132",
    "image": "https://www.website.com/imgFldr/app/app-mumbai-2.jpg",
    "city": "Mumbai",
    "store_mobile": "+91-978XXXXXXX",
    "search_by": "Search 4",
    "url": "image url",
    "store_address": "Address 4"
  },
  {
    "id": "139",
    "image": "https://www.website.com/imgFldr/app/app-mumbai.jpg",
    "city": "Mumbai",
    "store_mobile": "+91-978XXXXXXX",
    "search_by": "Search 5",
    "url": "image url",
    "store_address": "Address 5"
  }
]

Ответ приходит в виде массива. Мне это понравилось, класс Model 

class Stores {
String id;
String image;
String city;
String storeMobile;
String searchBy;
String url;
String storeAddress;

Stores(
  {this.id,
  this.image,
  this.city,
  this.storeMobile,
  this.searchBy,
  this.url,
  this.storeAddress});

Stores.fromJson(Map<String, dynamic> json) {
id = json['id'];
image = json['image'];
city = json['city'];
storeMobile = json['store_mobile'];
searchBy = json['search_by'];
url = json['url'];
storeAddress = json['store_address'];
}

Map<String, dynamic> toJson() {
final Map<String, dynamic> data = new Map<String, dynamic>();
data['id'] = this.id;
data['image'] = this.image;
data['city'] = this.city;
data['store_mobile'] = this.storeMobile;
data['search_by'] = this.searchBy;
data['url'] = this.url;
data['store_address'] = this.storeAddress;
return data;
 }
}

А внутри класса main.dart 

List<Stores> storeList = new List();
Future<Null> getStoresData() async {
setState(() {
  loading = true;
});

final response = await http.get(Uri.encodeFull(APIs.url_getStoreData));
List<dynamic> list = jsonDecode(utf8.decode(response.bodyBytes));

Stores str = Stores.fromJson(list[0]);

storeList.add(str);
print("list Value : $list");
print("Store : $storeList");

setState(() {
  loading = false;
});
}

JSON входит в одну строку. Я не могу использовать его в ListTiles, так как

storeList [index] ['city'],

Когда я пытался напечатать ('Size: $ storeList .length '); он печатает = 1 только

Пожалуйста, помогите и спасибо.

Ответы [ 2 ]

0 голосов
/ 14 марта 2020

длина идет одна, потому что вы добавляете только один элемент в свой список.
как конвертировать весь список в вашу модель 

List<Stores> storeList = new List();
Future<Null> getStoresData() async {
setState(() {
loading = true;
});

final response = await http.get(Uri.encodeFull(APIs.url_getStoreData));
List<dynamic> list = jsonDecode(utf8.decode(response.bodyBytes));

for(int i = 0 ; i<list.length;i++)
storeList.add(Stores.fromJson(list[i]));

print("list Value : $list");
print("Store : $storeList");

setState(() {
 loading = false;
});
}
0 голосов
/ 14 марта 2020

Использовать ListBuilder 

_StoreListAPI() async {
final response = await http.get(
 APINAME,
);
if (response.statusCode == 200) {
  final result = json.decode(response.body);
  List<dynamic> list = result;
  print("response----$result");
  List<Stores> storelist= list.map((i) => Stores.fromJson(i)).toList();
  print("response--22--"+list_[0].toJson().toString());
  setState(() => {
    _storelist = storelist,
    isLoading  = false
  });

} else {
  setState(() => {
    isLoading  = false
  });

}  }

Виджет 

 body:FutureBuilder<List<Stores>>(
            future: _storelist
            builder: (BuildContext context, AsyncSnapshot<List<Stores>> snapshot) {
              if (snapshot.data !=null) {
                return ListView.builder(
                  physics: BouncingScrollPhysics(),
                  itemCount: snapshot.data.length,
                  itemBuilder: (BuildContext context, int index) {
    return  ListTile()
    })}});
...