如何分割字符串并连续输出

Question

假设我有这个字符串“ 51-47-24”，并且我想分割字符串.split（“-”）以便创建这个球：

See image

我怎样才能使它正常工作？如何连续显示拆分列表？

Answer 1

      Center(
        child: Row(
          children: '51-47-24'
              .split('-')
              .map((s) => CircleAvatar(
                    child: Text(s),
                  ))
              .toList(),
        ),
      ),

Answer 2

您可以尝试使用Row小部件。

String someString = "51-47-24";
List<String> someNumbers = someString.split("-");

...
    Row(
        children: someNumbers.map((someNum) =>
            Container(
               padding: EdgeInsets.all(5.0),
               child: Center(
                   child: Text("$someNum")
                   ),
               decoration: BoxDecoration(
                   color: Colors.yellow,
                   shape: BoxShape.circle
                   )
               )
           ).toList()
        )