我正在尝试在listview中实现无限滚动。 我从API获取数据。 我正在使用getx。 当滚动结束时,我的listview总是重新构建。 我找不到错误所在。
我的模型类;
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(); 偏移计数为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,
}
...
.toList()
到你的代码中,显然它正在工作。 - Huthaifa Muayyad