如何在列表中显示已加载的项目，而其余的项目正在flutter future builder中加载？

Future<List<Project>> fetchProjects() async {
  // 模拟异步加载项目的过程
  await Future.delayed(Duration(seconds: 2));
  
  // 返回已加载的项目列表
  return [
    Project(name: '项目1'),
    Project(name: '项目2'),
    Project(name: '项目3'),
  ];
}

class Project {
  final String name;
  
  Project({required this.name});
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FutureBuilder<List<Project>>(
      future: fetchProjects(),
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          // 显示加载中的UI
          return CircularProgressIndicator();
        } else if (snapshot.hasError) {
          // 显示错误信息
          return Text('加载项目时出错：${snapshot.error}');
        } else {
          // 显示已加载的项目列表
          final projects = snapshot.data!;
          return ListView.builder(
            itemCount: projects.length,
            itemBuilder: (context, index) {
              final project = projects[index];
              return ListTile(
                title: Text(project.name),
              );
            },
          );
        }
      },
    );
  }
}