flutter 中小部件內的 for 循環

Question

如何在小部件內使用循環？

我希望能夠：

RichText(
 text: TextSpan(
 text: 'Itemlist\n',
 children: <TextSpan>[

     
   for(i = 0; i< items.length; i++){

     TextSpan( text: 'item' +i +': ',),
     TextSpan( text: 'item[i].value' +i +'\n',),


     }
 
  ]
)

重要的是我可以在循環中包含幾行代碼。

Answer 1

您可以通過展開Iterable<Widget>的展開 運算符來實現，如下所示：

RichText(
  text: TextSpan(
    text: 'Items\n',
    children: <TextSpan>[
      for(var i = 0; i< items.length; i++)
        ...[
          TextSpan( text: 'Item ${i.toString()}: '),
          TextSpan( text: '${items[i]} \n',),
        ],
    ],
  ),
)

您也可以在DartPad中查看。