如何在flutter中实现无限滚动分页？

import 'package:flutter/material.dart';

class InfiniteScrollPage extends StatefulWidget {
  @override
  _InfiniteScrollPageState createState() => _InfiniteScrollPageState();
}

class _InfiniteScrollPageState extends State<InfiniteScrollPage> {
  ScrollController _scrollController = ScrollController();
  List<String> _dataList = List.generate(10, (index) => "Item ${index + 1}");

  @override
  void initState() {
    super.initState();
    _scrollController.addListener(_scrollListener);
  }

  @override
  void dispose() {
    _scrollController.removeListener(_scrollListener);
    _scrollController.dispose();
    super.dispose();
  }

  void _scrollListener() {
    if (_scrollController.position.pixels ==
        _scrollController.position.maxScrollExtent) {
      // Reached the end of the list, load more data
      _loadMoreData();
    }
  }

  void _loadMoreData() {
    // Simulating loading data from a network request or database
    Future.delayed(Duration(seconds: 2), () {
      setState(() {
        _dataList.addAll(
            List.generate(10, (index) => "Item ${_dataList.length + index + 1}"));
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Infinite Scroll'),
      ),
      body: ListView.builder(
        controller: _scrollController,
        itemCount: _dataList.length + 1,
        itemBuilder: (BuildContext context, int index) {
          if (index == _dataList.length) {
            // Show a loading indicator at the end of the list
            return Center(
              child: CircularProgressIndicator(),
            );
          } else {
            return ListTile(
              title: Text(_dataList[index]),
            );
          }
        },
      ),
    );
  }
}