如何将循环和数组与小部件一起使用？扑答案

【问题标题】：How to use loop and array with widget? Flutter如何将循环和数组与小部件一起使用？扑
【发布时间】：2021-08-26 00:39:33
【问题描述】：

我正在制作一个包含 ViewList 的应用，其中包含一些 Widget，

小部件具有功能和三个输入（文本标题、文本子标题、带有“OnPressed”操作的按钮，它将改变每个小部件）

我需要复制这个小部件 42 次，每个小部件都有不同的（标题、副标题、按钮）那么如何创建一个循环来复制 Widget 和 Array 以为每个 Widget 输入特定的（标题、副标题、按钮）？

(更多解释)数组列表包含(title, subtitle, button)，每次循环在ViewList中创建一个新的Widget，Widget都会从Arraylist中获取(title, subtitle, button)。

我以前做过，但没有使用飞镖，所以我有点困惑

这张图片解释了我需要什么 press here

【问题讨论】：

您好。发布有关您迄今为止尝试过的内容以及无效的内容的更多信息？好像你只需要遍历一个数组
我做了关于 Widget UI 的所有事情，但我有两个选项，首先复制粘贴 42 次，或者使用一个数组创建一个循环，这样可以节省一些空间和时间。

标签： arrays flutter loops dart arraylist

【解决方案1】：

这使用 for 循环遍历包含小部件信息的列表列表，并将列表的每个元素添加到文本小部件，您只需确保每个列表的元素是正确的类型您必须传递给小部件。

@override
  Widget build(BuildContext context) {
    List lists = [
      ['title', 'subtitle', 'button'],
      ['title', 'subtitle', 'button'],
      ['title', 'subtitle', 'button'],
    ];

    return MaterialApp(
      title: MyApp._title,
      home: Scaffold(
          appBar: AppBar(title: const Text(MyApp._title)),
          body: SingleChildScrollView(
            child: Column(
              children: [
                for (var i in lists)
                  Card(
                    child: Column(
                      children: [
                        Text(i[0]),
                        Text(i[1]),
                        Text(i[2]),
                      ],
                    ),
                  )
              ],
            ),
          )),
    );
  }
}

【讨论】：