如何遍历列表以将其合并到包装小部件中？

Question

我试图将行中的项目（容器）限制为8，如果有更多项目，则应将其包装。我有一个容器列表，但是由于listView滚动，因此不能将listView用作Wrap的子级。有什么办法可以修复此布局？

• 我尝试过使用for循环，但是当它第一次遇到return时，它就退出了循环。

• 我尝试使用gridView而不是wrap，但是由于gridView可滚动，因此无法给出结果。

             Expanded(
                    flex: 4,
                    child: Wrap(
                      direction: Axis.horizontal,
                      spacing: 0.5,
                      runSpacing: 0.5,
                      crossAxisAlignment: WrapCrossAlignment.center,
                      children: <Widget>[
// I want something that works like following line                        
                     //Container(child: kids1)

//currently I can get results with following code

                        kids1[1],
                        kids1[2],
                        kids1[3], kids1[4], kids1[5], kids1[6], 
                        kids1[7], kids1[8], kids1[9], kids1[10], 
                        kids1[11]

                      ],
                    ),
                  ),

孩子是容器的列表

Answer 1

为什么不在返回构建函数之前创建子列表：

@override
Widget build(BuildContext context) {

 List<Widget> children = List.generate(myContainerList.length, (e) => myContainerList[e]);

 return Wrap(
   children: children,
 );
}