如何在颤振中使用 for 循环？

Question

return Scaffold(
      
      body: SingleChildScrollView(
          child: Column(
        children: <Widget>[
          Stack(
            children: <Widget>[
              Column(
                children: <Widget>[
                  NewsBlock(
                    size: size,
                    dataList: dataList,
                    imgNum: 1,
                    titleNum: 11,
                    urlNum: 21,
                  ),
                  NewsBlock(
                    size: size,
                    dataList: dataList,
                    imgNum: 2,
                    titleNum: 12,
                    urlNum: 22,
                  ),
                  NewsBlock(
                    size: size,
                    dataList: dataList,
                    imgNum: 3,
                    titleNum: 13,

                  ),
                  NewsBlock(
                    size: size,
                    dataList: dataList,
                    imgNum: 4,
                    titleNum: 14,
                  ),
                ],
              )
            ],
          ),
        ],
      )),
    );

我想用 for 循环将长代码缩短。 但是我不知道如何在flutter中使用for循环..我认为我可以通过将i放入imgNum，titleNum和urlNum并增加i来减少代码长度。 我怎样才能做到这一点？ （顺便说一句，有 10 个新闻块，我还没有为所有新闻块写 urlNum，因为输入所有新闻块让我觉得自己像个傻瓜）

Answer 1

您可以像这样使用 for 循环：

  final maxSize = ???;
  final imgStartIndex = 1;
  final titleStartIndex = 11;
  final urlStartIndex = 21;

  return Scaffold(
    body: SingleChildScrollView(
        child: Column(
      children: <Widget>[
        Stack(
          children: <Widget>[
            Column(
              children: <Widget>[
                for (int i = 0; i < maxSize; i++)
                  NewsBlock(
                    size: size,
                    dataList: dataList,
                    imgNum: imgStartIndex + i,
                    titleNum: titleStartIndex + i,
                    urlNum: urlStartIndex + i,
                  ),
              ],
            )
          ],
        ),
      ],
    )),
  );

我不知道你的数据结构，所以你应该自己猜怎么计算maxSize ；

Answer 2

对于你的问题，你可以这样做

children: [
              for (var i = 0; i < List.length; i++)
                NewsBlock()
          ],

其他方法是在列表数据中使用地图

children: newsData.map((item)=>NewsBlock(
                    size: item.size,
                    dataList: item.datalist,
                    imgNum: item.imgNum,
                    titleNum: item.titleNum,
                  )).toList()