Dart中如何访问对象列表内嵌套的对象列表以适配Tab展示？

你当前的核心需求是把按餐饮类型分组的嵌套列表，拆解为Tab标签与对应Tab页内容的平行映射关系，不需要多余的asMap转换，只要理清两层遍历逻辑就能实现。

你之前写的listOfItem.asMap().entries.map((e) => print(e.value['restaurants'])).toList()完全达不到预期效果：

• asMap()是用来获取列表元素索引的，你当前场景不需要拿索引，属于多余操作
• map的回调里只做了print打印，没有返回需要的结构化数据，最后转出来的列表全是null，根本没法用来做UI渲染

第一步：匹配数据结构与Tab逻辑 #

你的原始listOfItem每一项的结构刚好和Tab的需求完全匹配：

• 每个一级元素的types字段值（如ARABIAN、COFFEE SHOP）就是对应Tab的展示文本
• 每个一级元素的restaurants字段就是该Tab页下要展示的餐厅嵌套列表

第二步：两层映射拿到可直接用的UI数据 #

直接对原列表做两层遍历映射，就能拿到TabBar和TabBarView需要的两个平行数组：

// 映射生成Tab标签列表
final List<Tab> tabBarTabs = listOfItem.map((categoryGroup) {
  return Tab(text: categoryGroup['types'] as String);
}).toList();

// 映射生成每个Tab对应的内容页
final List<Widget> tabBarViews = listOfItem.map((categoryGroup) {
  // 拿到当前分类下的嵌套餐厅列表
  final List restaurants = categoryGroup['restaurants'] as List;
  // 对嵌套的餐厅列表做二次映射，生成可渲染的列表组件
  return ListView.builder(
    itemCount: restaurants.length,
    itemBuilder: (context, index) {
      final restaurantInfo = restaurants[index] as Map;
      // 这里替换成你自己的餐厅卡片UI即可
      return ListTile(
        title: Text(restaurantInfo['name'] as String),
        subtitle: Text(restaurantInfo['location'] as String),
        trailing: Text(restaurantInfo['kms'] as String),
      );
    },
  );
}).toList();

新手理解提示 #

嵌套映射的核心逻辑其实非常直白，只要理清两层遍历的对应关系就不会乱：

• 外层循环：遍历每一个餐饮大分类，生成对应Tab标签、初始化对应分类的内容页容器
• 内层循环：在每个分类的容器里，遍历restaurants子列表，把每个餐厅对象渲染成对应的UI组件

新手刚开始写嵌套映射很容易搞混两层map的作用对象，你可以单独把每个分类下的restaurants取出来打印确认，确保拿到的是正确的餐厅列表后，再写内层的渲染逻辑，别一上来就把两层map叠在一起写，很容易越写越晕。

内容的提问来源于stack exchange，提问作者Ahalya Raj