Flutter for 循环以生成小部件列表

发布于07月09日

我有这样的代码，但我希望它在一个整数数组上迭代，以显示动态的子元素数量:

return Container(
  child: Column(
    children: <Widget>[
      Center(
        child: Text(text[0].toString(),
            textAlign: TextAlign.center),
      ),
      Center(
        child: Text(text[1].toString(),
            textAlign: TextAlign.center),
      ),
    ],
  ),
)

其中，text变量是此处将整数转换为字符串的列表.我试图添加一个函数来迭代数组并显示"子项"，但得到了一个类型错误.我不知道该怎么做，因为我还是个dart 新手.

推荐答案

您可以try 这样做:

@override
  Widget build(BuildContext context) {
    List<int> text = [1,2,3,4];
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Container(
        child: Column(
          children: [
            for ( var i in text ) Text(i.toString())
          ],
        ),
      ),
    );

请注意，这是随着DART更新到版本2.3而添加的.你可以读到this article年中一些最好的变化

在DART 2.3之前提供的另一种方法是:

@override
  Widget build(BuildContext context) {
    List<int> text = [1,2,3,4];
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Container(
        child: Column(
          children: List.generate(text.length,(index){
            return Text(text[index].toString());
          }),
        ),
      ),
    );