Flutter：从 Map <String, Object> 创建分组列表视图答案

【问题标题】：Flutter: Create Grouped Listview from Map <String, Object>Flutter：从 Map <String, Object> 创建分组列表视图
【发布时间】：2022-08-02 18:59:56
【问题描述】：

通过一个函数，我设法将 Json 转换为一个映射，其中键是角色的名称，值是“团队”对象的数组，其所有参数为名称、出生年份等。

我正在尝试构建如图所示的 UI，但我很难从地图创建 Listview。

我也尝试使用 \'grouped_list\' 包，但仍然无法正常工作：/

代码，现在是：


class RoasterPage extends StatefulWidget {
  RoasterPage({Key? key}) : super(key: key);

  @override
  State<RoasterPage> createState() => _RoasterPageState();
}

class _RoasterPageState extends State<RoasterPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder<Map<String, List<Team>>>(
          future: NetworkManager().fetchRoster(),
          builder: (context, snapshot) {
            if (snapshot.hasError) {
              return const Center(
                child: Text(\'Error Data loading \'),
              );
            } else if (snapshot.hasData) {
              print(snapshot.data!);
              // TODO: Crete layout ***************************
              return ListView();
            } else {
              return const Center(
                child: CircularProgressIndicator(
                  color: Colors.red,
                ),
              );
            }
          }),
    );
  }
}

snapshot.data 打印：

{前锋：[\'Team\'实例，\'Team\'实例，\'Team\'实例]，边锋：[\'Team\'实例，\'Team\'实例]，后卫: [\'Team\'的实例，\'Team\'的实例，\'Team\'的实例]}

有人可以帮我吗？谢谢你

我试图实现的布局：

Layout

标签： flutter flutter-layout

【解决方案1】：

试试这个Map<String,dynamic>

【讨论】：