当我们接近bottom[FLUTTER]时，如何实现无限滚动？

import 'package:flutter/material.dart';

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

class _InfiniteScrollPageState extends State<InfiniteScrollPage> {
  ScrollController _scrollController = ScrollController();
  List<int> _dataList = List.generate(20, (index) => index);

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

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

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

  void _loadMoreData() {
    // Simulate loading more data
    Future.delayed(Duration(seconds: 2), () {
      setState(() {
        _dataList.addAll(List.generate(20, (index) => index + _dataList.length));
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Infinite Scroll'),
      ),
      body: SingleChildScrollView(
        controller: _scrollController,
        child: Column(
          children: [
            ListView.builder(
              shrinkWrap: true,
              physics: NeverScrollableScrollPhysics(),
              itemCount: _dataList.length,
              itemBuilder: (context, index) {
                return ListTile(
                  title: Text('Item ${_dataList[index]}'),
                );
              },
            ),
            Padding(
              padding: EdgeInsets.all(16.0),
              child: CircularProgressIndicator(),
            ),
          ],
        ),
      ),
    );
  }
}