Flutter返回Chip组件列表报错：位置参数过多问题排查与修复

错误原因 #

你遇到的报错是因为Container的构造函数不支持直接传入Widget列表作为位置参数，它的构造函数定义中没有接收这类参数的位置参数，而你写的Container(widgetList)相当于给它传了一个未定义的位置参数，因此触发"Too many positional arguments"错误。此外，Container本身只能承载单个子Widget，无法直接放置多个Chip组件。

修复方法 #

要展示多个Chip，需要先用支持多子Widget的容器组件（比如Wrap，适合自动换行的Chip布局；或Row/Column，按固定方向排列）包裹生成的widgetList，再将这个容器组件作为Container的child参数传入。

修复后的完整代码 #

class ChipSection extends StatelessWidget {
  final List<String> userList;

  const ChipSection({Key? key, required this.userList})
      : super(key: key);

  @override
  Widget build(BuildContext context) {
    List<Widget> widgetList = [];
    for (int counter = 0; counter < userList.length; counter++) {
      String word = userList[counter];
      widgetList.add(Chip(
        label: Text(word),
        onDeleted: () {
          print('I am deleted');
        }));
    }

    return Container(
      // 用Wrap包裹Chip列表，spacing控制Chip间的间距
      child: Wrap(
        spacing: 8.0,
        runSpacing: 8.0,
        children: widgetList,
      ),
    );
  }
}

额外优化 #

你也可以用map方法简化列表生成逻辑，替代for循环，让代码更简洁：

@override
Widget build(BuildContext context) {
  return Container(
    child: Wrap(
      spacing: 8.0,
      runSpacing: 8.0,
      children: userList.map((word) {
        return Chip(
          label: Text(word),
          onDeleted: () {
            print('I am deleted');
          },
        );
      }).toList(),
    ),
  );
}

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