Flutter使用FutureBuilder如何使用延迟加载或web服务上的更多加载元素调用来创建列表

Future<List<String>> fetchData() async {
  // 模拟网络请求延迟
  await Future.delayed(Duration(seconds: 2));
  
  // 返回数据列表
  return ['Item 1', 'Item 2', 'Item 3'];
}

FutureBuilder<List<String>>(
  future: fetchData(),
  builder: (BuildContext context, AsyncSnapshot<List<String>> snapshot) {
    if (snapshot.connectionState == ConnectionState.waiting) {
      // 如果异步操作正在进行中，显示加载指示器
      return CircularProgressIndicator();
    } else if (snapshot.hasError) {
      // 如果异步操作发生错误，显示错误信息
      return Text('Error: ${snapshot.error}');
    } else {
      // 如果异步操作成功完成，显示数据列表
      return ListView.builder(
        itemCount: snapshot.data.length,
        itemBuilder: (BuildContext context, int index) {
          return ListTile(
            title: Text(snapshot.data[index]),
          );
        },
      );
    }
  },
);