Использование SliverList с элементом FutureBuilder, добавление не обновляющей разбивки на страницы, Flutter

Я не получаю ошибку, но проблема в том, что когда я получаю следующие 10 записей, затем запись пришла и печатается в logcat, но в SliverList записи не добавляются в список, я не знаю, в чем именно проблема, данные пришли и обновили список, и внезапно его вернуться к своему предыдущему состоянию длины списка, это означает, что когда я пробую метод fetchmore, длина списка обновляется с 10 до 20, и внезапно возвращается к 10, поэтому, пожалуйста, помогите мне с этой проблемой.

  @override
void initState() {
super.initState();
_controller = ScrollController();
_controller.addListener(_scrollListener);
loadMyProduct();


}
  _scrollListener() {
if (_controller.offset >= _controller.position.maxScrollExtent &&
    !_controller.position.outOfRange) {

  fetchMoreProduct(listProduct.length+1);
}
if (_controller.offset <= _controller.position.minScrollExtent &&
    !_controller.position.outOfRange) {
  setState(() {
    print("at top");
  });
}


}



bool isMoreRunning=false;
  fetchMoreProduct(int newLength)async{
    //if(isMoreRunning==false && totalProducts>newLength){
      print("new length  "+newLength.toString());
        isMoreRunning=true;
    visibleMore=true;

    print(totalProducts);

  var url="http://ochapchap.com/api/productList";
  SharedPreferences prefs = await SharedPreferences.getInstance();

  String  userid=prefs.getString('userid');
  var data = {
    "startLimit":newLength.toString(),
    "language":"en",
    "userId":userid};
  var response = await http.post(url, body: json.encode(data));

  if(response.statusCode==200) {
    FeedCheckProduct checkLogin =FeedCheckProduct.fromJson(json.decode(response.body));

    if(checkLogin.success==1){
      List<FeedProduct> newProduct=(jsonDecode(response.body)['result'] as List).map((i) => FeedProduct.fromJson(i)).toList();

      newProduct.forEach((element) async{
          print(element.name+" "+element.price);
          listProduct.add(element);
      });
      print("NEW PRODUCT LENGTH  "+listProduct.length.toString());
      setState(() {
        listProduct.length;
      });
        visibleMore=false;
    }
  /*}else{
    setState(() {
      isMoreRunning=false;
      isProductLoad=false;
      visibleMore=false;
    });
    Fluttertoast.showToast(
        msg: "Try after some time!.",
        toastLength: Toast.LENGTH_SHORT,
        gravity: ToastGravity.CENTER,
        timeInSecForIosWeb: 1,
        backgroundColor: Colors.red,
        textColor: Colors.white,
        fontSize: 16.0
    );
  }*/
}
}

Future<List<FeedProduct>> loadProduct()async{
Future.delayed(const Duration(seconds: 3));

setState(() {
  isProductLoad=true;
});
Map<String, String> requestHeaders = {
  'Content-type': 'application/json',
  'Accept': 'application/json',
};
var url="http://ochapchap.com/api/productList";
SharedPreferences prefs = await SharedPreferences.getInstance();

String  userid=prefs.getString('userid');
String language=prefs.getString('language');
if(language==null){
  language="en";
}
var data = {
  "startLimit":"0",
  "language": language,
  "userId":userid};

var response = await http.post(url, body: json.encode(data),headers: requestHeaders);
if(response.statusCode==200) {
  FeedCheckProduct checkLogin =FeedCheckProduct.fromJson(json.decode(response.body));
  setState(() {
    totalProducts=checkLogin.totalCount;
  });
  if(checkLogin.success==1){
    Map<String, dynamic> mainData=json.decode(response.body);
    listProduct=(jsonDecode(response.body)['result'] as List).map((i) => FeedProduct.fromJson(i)).toList();
    print("rrrrrrrrrrrrrrrrrrrr "+listProduct.length.toString());
    return listProduct;
  }
}else{
  setState(() {
    isProductLoad=false;
  });
}


}
 
@override
  void dispose() {
    super.dispose();
    _controller.dispose();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ShowProduct(),
    );
  }
Widget ShowProduct(){
  return Column(
    children: <Widget>[
      Expanded(
        child: FutureBuilder(
          future: loadProduct(),
          builder: (BuildContext context,AsyncSnapshot snapshot) {
            if (snapshot.hasData) {
              return CustomScrollView(
                controller: _controller,
                slivers: <Widget>[
                  SliverAppBar(
                    title: Text("Home"),
                    floating: true,
                  ),
                  SliverList(
                    delegate: SliverChildBuilderDelegate(
                        (BuildContext context, int index){
                            return ProductList(
                              product:listProduct[index], index: index,);

                        },
                      childCount: listProduct.length,
                    ),
                  ),
                ],
              );
   Visibility(
        visible: visibleMore,
        child: Padding(
          padding: const EdgeInsets.fromLTRB(0.0, 8.0, 0.0, 30.0),
          child: new CircularProgressIndicator(),
        ),
      )
    ],
  );

}


person Qutbuddin Bohra    schedule 30.08.2020    source источник


Ответы (1)


У https://stackoverflow.com/a/61392563/13608248 есть лучший ответ или не используйте FutureBuilder, потому что это представляющие данные, полученные вашим репозиторием. Процесс должен выглядеть так: Показать исходные данные - ›Вызов следующих N данных -› N записей должны быть добавлены в тот же список - ›родительские виджеты должны уведомлять об обновлении списка (например, с помощью setState)

person Prabhanshu Tiwari    schedule 30.08.2020