我如何能得到编号列表的项目或文本在一个容器或卡内的翩翩？

Question

嗨，我试图找到我的方式在翩翩，但不能得到一个编号的列表在一个卡或容器，像这样。

1. 第一个文本
2. 第二份案文
3. 第三份案文

但也是一个列表从右到左，如果可能的话，使数字在一个圆圈设计。

Answer 1

如果你使用的是 ListView.builder 那就很简单了。

下面是这个例子。

List<String> list =["first text", "second text", "third text"];

...
// Now you can render this list with numbering with ListView.builder easily.

ListView.builder
  (
    itemCount: list.length,
    itemBuilder: (BuildContext ctxt, int index) {
     return new Text(index.toString()+ "."+list[index]);
    }
  )

/*
PS: answering this from mobile so couldn't give you the  whole example.
But I hope you got the general idea.
*/

为了让它呈现出圆圈中的数字，我们需要返回有两个子节点的Row widget，CircleAvatar和Text，而不是像上面的例子那样返回简单的Text widget。

例子:

ListView.builder
  (
    itemCount: list.length,
    itemBuilder: (BuildContext ctxt, int index) {
     return Row( children: [
          CircleAvatar(
              child: Text(index.toString())
               ),
          Text(list[index]),
       );
    }
  )