Flutter getx бесконечная прокрутка, обновляющая список в конце каждой прокрутки

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

Это то, что я пытаюсь сделать

Мой модельный класс;

List<ExploreModel> exploreModelFromJson(String str) => List<ExploreModel>.from(
    json.decode(str).map((x) => ExploreModel.fromJson(x)).toList());

String exploreModelToJson(List<ExploreModel> data) =>
    json.encode(List<dynamic>.from(data.map((x) => x.toJson())));

Мой контроллер;

class ExploreController extends GetxController {
  var isLoading = true.obs;
  var articleList = <ExploreModel>[].obs;
  var offsetCount = 0;

  @override
  void onInit() {
    fetchArticles();
    super.onInit();
  }

  void fetchArticles({int offsetCount = 0}) async {
    try {
      isLoading(true);
      var articles = await ApiService.fetchArticleList(offsetCount);

      if (articles != null) {
        articleList.addAll(articles);
      }
    } finally {
      isLoading(false);
    }
  }
}

Мой вызов API;

static Future<List<ExploreModel>> fetchArticleList(int offsetCount) async {
    var url = Uri.http(Config().baseUrl, Config().baseUrlPathGetArticles,
        {'offsetCount': '$offsetCount'});
    var response = await http.get(url);
    if (response.statusCode == 200) {
      return exploreModelFromJson(utf8.decode(response.bodyBytes));
    } else {
      return null;
    }

Мое представление (StatefulWidget);

окончательный ScrollController scrollController = новый ScrollController(); интервал смещенияКоличество = 0;

  @override
  void initState() {
    super.initState();
    scrollController.addListener(() {
      if (scrollController.position.pixels ==
          scrollController.position.maxScrollExtent) {
        offsetCount= offsetCount + 5;
        exploreController.fetchArticles(offsetCount: offsetCount);
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: SafeArea(
        child: RefreshIndicator(
          key: _refreshIndicatorKey,
          onRefresh: () async {
            exploreController.fetchArticles();
          },
          child: Column(
            children: <Widget>[
              Expanded(
                child: Obx(() {
                  if (exploreController.isLoading.value) {
                    return CupertinoActivityIndicator();
                  }
                  return ListView.separated(
                    controller: scrollController,
                    itemCount: exploreController.articleList.length,
      }
...

flutter getx infinite-scroll
person jancooth    schedule 30.03.2021    source источник
comment
Я думаю, вам следует изменить условие прослушивателя на scrollController.position.offset ›= scrollController.position.maxScrollExtent   -  person zeia soroush    schedule 31.03.2021
comment
Сегодня вы задали вопрос и получили ответ здесь stackoverflow.com/a/66865671/13558035, но не отметили это как ответили там или предоставили какие-либо обновления, но вы используете код из этого ответа и добавили .toList() в свой код, по-видимому, он работает.   -  person Huthaifa Muayyad    schedule 31.03.2021
comment
@HuthaifaMuayyad спасибо за ваш ответ, но этот код работает хорошо, но когда я дошел до конца прокрутки, обновление списка .. Я не хочу этого. Я хочу, чтобы это продолжалось с новыми данными.   -  person jancooth    schedule 31.03.2021

Ответы (1)


arrow_upward
0
arrow_downward

Я думаю, это должно решить вашу проблему.

itemCount: exploreController.articleList.length + 1 и в itemBuilder добавьте условие if (index == exploreController.articleList.length) //show progress indicator or somthing else Или вы можете сделать так. Измените столбец на представление списка и сделайте это таким образом.

ListView(
        children: <Widget>[
            Obx(() {
              return ListView.separated(
                physics:NeverScrollableScrollPhysics(),
                controller: scrollController,
                itemCount: exploreController.articleList.length,
                itemBuilder(context,index){
                //show your widget
               }
  })
  Obx(()=>exploreController.isLoading.value? 
  Container(height: 100, child: CupertinoActivityIndicator())
  : Container() )

]

person zeia soroush    schedule 01.05.2021