Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
User interface 有没有办法在firestore生成的幻灯片/卡片上个性化UI?颤振_User Interface_Flutter_Dart_Google Cloud Firestore - Fatal编程技术网

User interface 有没有办法在firestore生成的幻灯片/卡片上个性化UI?颤振

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

例如,我希望用户喜欢的东西,他们可以,但缺点是,当我更改图标以显示他们已单击按钮时,所有幻灯片的图标也会更改。如何使每张幻灯片个性化,这样当我在UI上执行if/else语句时,它只会影响特定的幻灯片。

如果不查看实际代码,很难提供帮助,但要回答您的问题,您可以尝试在firestore表中添加一个
选定的
列,该列具有
布尔值,因此当单击卡片时,您可以将该项目的列值更新为
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}

它成功了,谢谢你的帮助,我真的很感激。不客气,很高兴它成功了。