User interface 有没有办法在firestore生成的幻灯片/卡片上个性化UI?颤振
例如,我希望用户喜欢的东西,他们可以,但缺点是,当我更改图标以显示他们已单击按钮时,所有幻灯片的图标也会更改。如何使每张幻灯片个性化,这样当我在UI上执行if/else语句时,它只会影响特定的幻灯片。如果不查看实际代码,很难提供帮助,但要回答您的问题,您可以尝试在firestore表中添加一个User interface 有没有办法在firestore生成的幻灯片/卡片上个性化UI?颤振,user-interface,flutter,dart,google-cloud-firestore,User Interface,Flutter,Dart,Google Cloud Firestore,例如,我希望用户喜欢的东西,他们可以,但缺点是,当我更改图标以显示他们已单击按钮时,所有幻灯片的图标也会更改。如何使每张幻灯片个性化,这样当我在UI上执行if/else语句时,它只会影响特定的幻灯片。如果不查看实际代码,很难提供帮助,但要回答您的问题,您可以尝试在firestore表中添加一个选定的列,该列具有布尔值,因此当单击卡片时,您可以将该项目的列值更新为true,并刷新状态,以便仅更改true的卡,而选择后的其余卡保持不变 psuedo代码示例: return FutureBuilder
选定的列,该列具有布尔值,因此当单击卡片时,您可以将该项目的列值更新为true
,并刷新状态,以便仅更改true
的卡,而选择后的其余卡保持不变
psuedo代码示例:
return FutureBuilder(
future: getDataFromFirestore(),
builder: (context, snapshot) {
if (snapshot.hasData) {
return Column(
children: List.generate(snapshot.data.length, (itemIndex) {
Macro macro = snapshot.data[itemIndex];
return Card(
child: ListTile(
title: Text(snapshot.data["title"]),
subtitle: Text(snapshot.data["subtitle"]),
trailing: IconButton(
icon: snapshot.data["selected"] ? Icons.check : Icons.add //If card is selected, display checked icon else display add icon
onPressed: () async {setState(() {}); //Refresh state}
它成功了,谢谢你的帮助,我真的很感激。不客气,很高兴它成功了。