在列表上循环显示,彼此靠后

时间:2019-01-12 07:06:01

标签: dart flutter

我有一个列表,正在其上循环,并为每个项目显示一个定位的容器..它们彼此相邻..

我正在这样做:

     List<Widget> createQues(){
data = questionsList;
double bottom = 190.0;
List<Widget> children = <Widget>[];
for (var q in data){
  bottom += 10.0;
  children.add(new Positioned(
      bottom: bottom,
      child: new Container(
        width: 100.0,
        height: 80.0,
        decoration: new BoxDecoration(
          borderRadius: BorderRadius.all(const Radius.circular(20.0)),
          color: Colors.white,
          boxShadow: [
            new BoxShadow(
              color: Color(0xffECECEC),
              blurRadius: 20.0,
            ),
          ],
        ),
        child: new Text(q.title),
      )
  )
  );
}
return children;
}

然后这样称呼它:

 new Stack(
    alignment: AlignmentDirectional.center,
    children: createQues() 
    )

我的问题是,列表中的第一项是在堆栈中被强制显示的最后一个..我希望列表中的第一项位于堆栈的顶部,而其他项则排在堆栈的后面..

例如:

让我说列表中有2个元素:

enter image description here

如图所示,我将始终在项目1的顶部获得项目2。如何对其进行排序,使项目1,项目2,项目3 ...而不是堆叠中的相反部分?

1 个答案:

答案 0 :(得分:0)

在使用问题列表之前,您是否只能将其反转? 就像,您可以尝试将data = questionsList更改为data = questionsList.reversed