Firebaseaniatedlist中的不同的第一项

时间:2018-08-30 20:48:56

标签: dart flutter

我有下面的代码来包含所有物品清单,但我需要在顶部显示一个卡片物品,该物品应与Firebaseanimatedlist一起滚动,但该卡片仅对第一物品可见。

我该如何做到这一点。使用以下代码,Card()停留在顶部,并且不会在支架中滚动。

return getContent() {
  return new Container(
    child: new Column(
      children: <Widget>[
         new Card(
                child: new Text("STATIC ITEM TO DISPLAY ON TOP AS A HEADER FOR BELOW FIREBAE LIST"),
                 ),
         new Flexible(
          child: new FirebaseAnimatedList(
            query: Your database reference,
            itemBuilder: (_, DataSnapshot snapshot, Animation<double> 
            animation, int index) {
               return new Column();
            }
          ),
        )
      ]
    )
  );
}

1 个答案:

答案 0 :(得分:1)

int索引返回列表中的每个元素0、1、2、3、4 ...,具体取决于您可以告诉它为每个元素返回不同设计的元素。 / p>

我不知道这是否是最好的方法,但我认为这是值得的。

return getContent() {
  return new Container(
    child: new Column(
      children: <Widget>[
         new Flexible(
          child: new FirebaseAnimatedList(
            query: Your database reference,
            itemBuilder: (_, DataSnapshot snapshot, Animation<double> 
            animation, int index) {
               if(index==0){
                  return new Column(
                    children: <Widget>[
                      new Card(
                       child: new Text("STATIC ITEM TO DISPLAY ON TOP AS A 
                       HEADER FOR BELOW FIREBAE LIST"),
                      ),
                    ]
                  );
               } else {
                 return new Column();
               }
            }
          ),
        )
      ]
    )
  );
}