Firebaseanimatelist中的“不同的第一项" [英] Different First Item, in Firebaseanimiatedlist
问题描述
我有下面的代码来包含所有物品清单,但我需要在顶部显示一个卡片物品,该物品应该与Firebaseanimatedlist一起滚动,但是该卡片仅对第一物品可见.
I have below code to include all the list of items but i need to display a card item on top, which should be scrollable along with Firebaseanimatedlist, but the card should be visible only for the First Item.
我该如何做到这一点.使用下面的代码,Card()停留在顶部,并且不会在支架中滚动.
How can i achieve this. With the below code, Card() sticks at the top and does not scroll in the scaffold.
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();
}
),
)
]
)
);
}
推荐答案
int索引返回列表中的每个元素0、1、2、3、4 ...,具体取决于元素您可以告诉它为每个设计返回不同的设计.
The int index returns every element of the list, 0, 1, 2, 3, 4 ... depending on the elements you can tell it to return a different design for each one.
我不知道这是否是最好的方法,但我认为这是值得的.
I do not know if it's the best way to do it, but I think it could be worth it.
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();
}
}
),
)
]
)
);
}
这篇关于Firebaseanimatelist中的“不同的第一项"的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!