Fetching additional data when scrolled to bottom - flutter

Question

Hello I'm trying to fetch data when screen is scrolled to bottom but the new data that needs to be fetched is not loaded. So my screen looks like this:
I fetch data in initState:
bool isNewDocumentsLoading = false;
bool hasMore = true;
int page = 1;
final controller = ScrollController();
void initState() {
super.initState();
//Should fetch data when scrolled to bottom
controller.addListener(() {
if (controller.position.maxScrollExtent == controller.offset) {
fetch();
}
});
//Initial fetch when app is runned
Future.delayed(Duration.zero, () async { fetch(); }
and here is my fetch method:
if (isNewDocumentsLoading) return;
isNewDocumentsLoading = true;
const limit = 4;
Future.delayed(Duration.zero, () async {
var dokumenti = await _dokumentiService!.getSharedDocuments(limit, page);
setState(() {
page++;
isNewDocumentsLoading = false;
_dokumenti.addAll(dokumenti);
//_dokumenti.addAll(_dokumentiRefresh);
if (dokumenti.length < limit) {
hasMore = false;
}
isLoading = false;
});
});
}
I really don't know what am I doing wrong here and what is the problem

Answer 1

The problem was that my list is inside SingleChildScrollView so i needed to put controller inside SingleChildScrollView and not the ListView, so the functions were working just fine.
return SingleChildScrollView(
controller: controller,...
//controller was in ListView
ListView.builder(
//controller: controller,
scrollDirection: Axis.vertical,
shrinkWrap: true,
physics: const ScrollPhysics(),
itemCount: params.length + 1, ...