Flutter for循环生成小部件行

时间:2020-04-29 08:45:46

标签: flutter dart

我有一个字符串,其中包含带有多个\n的文本,我想在新行中显示该文本,但带有一个前导图标。

例如,如果我有一个String str="Hello\nThere\nUser"。我想显示这样的文本:

Icon  Hello
Icon  There
Icon  User

我该如何实现?

1 个答案:

答案 0 :(得分:1)

    String str = "Hello\nThere\nUser";
    List<String> list = str.split('\n');
    list.forEach((s) {
      widgetList.add(Row(
        children: <Widget>[
          Icon(Icons.directions_car),
          Text(s),
        ],
      ));
    });

    return Column(children: widgetList);

    String str = "Hello\nThere\nUser";
    return Column(
      children: [
        for (var s in str.split('\n'))
          Row(
            children: <Widget>[
              Icon(Icons.directions_run),
              Text(s),
            ],
          )
      ],
    );