flutter - Flutter for 循环生成一行小部件

Question

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

例如，如果我有一个String str="Hello\nThere\nUser". 我想显示这样的文本：

Icon  Hello
Icon  There
Icon  User

我怎样才能做到这一点？

标签： flutterdart

Answer 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),
            ],
          )
      ],
    );