получить данные с помощью http-запроса flutter и загрузить больше данных при прокрутке экрана вниз - PullRequest
Новая
       6

получить данные с помощью http-запроса flutter и загрузить больше данных при прокрутке экрана вниз

1 голос
/ 10 июля 2020

Я получаю данные с сервера, используя HTTP-запрос flutter, и загружаю больше данных, когда пользователь прокручивает вниз экрана. Я получаю эту ошибку « Необработанное исключение: тип« Список »не является подтипом типа« Продукт »». Пожалуйста, помогите, я весь день безуспешно борюсь.

файл model.dart 

 class Product {
  final int id;
  final String accountName,
      callNumber,
      whatsappNumber,
      businessLocation,
      caption;
  final List<Images> productPhoto;

  Product({
    this.id,
    this.accountName,
    this.callNumber,
    this.whatsappNumber,
    this.businessLocation,
    this.caption,
    this.productPhoto,
  });

  // this is static method
  factory Product.fromJson(Map<String, dynamic> json) {
    return Product(
      id: json['id'],
      accountName: json['account_name'],
      callNumber: json['call_number'],
      whatsappNumber:
          json['whatsapp_number'] != null ? json['whatsapp_number'] : null,
      businessLocation: json['business_location'],
      caption: json['caption'],
      productPhoto:
          (json['post_photos'] as List).map((i) => Images.fromJson(i)).toList(),
    );
  }
}

class Images {
  final String filename;

  Images({this.filename});

  factory Images.fromJson(Map<String, dynamic> json) {
    return Images(
      filename: json['filename'],
    );
  }
}

файл explore.dart (я импортирую models.dart в этот файл) 

    import 'dart:convert';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:windowshoppi/models/global.dart';
import 'package:windowshoppi/models/product.dart';
import 'package:http/http.dart' as http;


class Explore extends StatefulWidget {
  @override
  _ExploreState createState() => _ExploreState();
}

class _ExploreState extends State<Explore> {
  ScrollController _scrollController = ScrollController();
  List<Product> data;
  String nextUrl;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    this.fetchProduct(http.Client(), ALL_PRODUCT_URL);

    _scrollController.addListener(() {
//      print(_scrollController.position.pixels);
      if (_scrollController.position.pixels ==
          _scrollController.position.maxScrollExtent) {
        if (nextUrl != null) {
          this.fetchProduct(http.Client(), nextUrl);
        }

//        print(nextUrl);
      }
    });
  }

  Future<List<Product>> fetchProduct(http.Client client, url) async {
    final response = await client.get(url);

    if (response.statusCode == 200) {
      Map<String, dynamic> mapResponse = json.decode(response.body);

      nextUrl = mapResponse['next'];
      if (mapResponse["count"] != "") {
        final products = mapResponse["results"].cast<Map<String, dynamic>>();
        final listOfProducts = await products.map<Product>((json) {
          return Product.fromJson(json);
        }).toList();
//        return listOfProducts;
        setState(() {
          data.add(listOfProducts);
        });
      } else {
        return [];
      }
    } else {
      throw Exception('failed to load data from internet');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('http get'),
      ),
      body: ListView.builder(
        controller: _scrollController,
        itemCount: data == null ? 0 : data.length,
        itemBuilder: (BuildContext context, int index) {
          return Card(
            child: Container(
              height: 200,
              color: Colors.blue,
              child: Text(data[index].caption),
            ),
          );
        },
      ),
    );
  }
}

1 Ответ

1 голос
/ 11 июля 2020

Посмотрите на эту часть кода. 

final listOfProducts = await products.map<Product>((json) {
          return Product.fromJson(json);
        }).toList();

В методе .map () вы приводите его к типу . Итак, судя по ошибке, которую вы упомянули, «Необработанное исключение: тип« Список »не является подтипом типа Продукт»

Я думаю, что json данные возвращаемый содержит список вместо полей продукта. Я настоятельно рекомендую вам один раз проверить возвращаемые данные json и еще раз проверить, нацелены ли вы на правильные узлы JSON дерева.

Сообщите мне, решило ли это проблему.

...