Dart中Map对象为何无法使用map流？类型不匹配问题咨询

问题原因 #

你遇到的报错不是Dart的bug，是Map的map方法设计逻辑和你预期的不一样：

• List、Set这类Iterable的map方法，返回的是新的Iterable，后续可通过toList()转为List，符合常规流处理逻辑。
• 但Map的map方法，作用是遍历原Map的键值对，返回的是新的Map对象，而非List。你代码里rows.map((title, message) => TableRow(...))实际返回的是Map<dynamic, TableRow>，但Table.children要求的是List<TableRow>，类型完全不匹配，因此触发报错。

解决方案 #

要把Map的键值对转为Table需要的List<TableRow>，有两种简洁的方式：

方式1：使用Map的entries集合（推荐）

先通过rows.entries获取包含所有键值对的Iterable，再用Iterable的map方法转换为TableRow，最后转成List：

import 'package:flutter/material.dart';

class TableContent {
  static Table render(BuildContext context, Map<String, String> rows) {
    return Table(
      border: const TableBorder(bottom: BorderSide(), horizontalInside: BorderSide()),
      children: rows.entries.map((entry) => TableRow(
        children: [
          Text(
            entry.key,
            style: Theme.of(context).textTheme.titleMedium
          ),
          Text(entry.value)
        ]
      )).toList(), // 关键：转成List
    );
  }
}

方式2：利用Map的map方法+values转List

如果一定要用Map的map方法，后续可以取新Map的values再转成List，但这种方式多了一步Map的构建，效率略低：

children: rows.map((title, message) => MapEntry(title, TableRow(
  children: [
    Text(title, style: Theme.of(context).textTheme.titleMedium),
    Text(message)
  ]
))).values.toList()

内容的提问来源于stack exchange，提问作者e-info128