Question

我的页面上有网格数据。我想将这些数据与另一个列表进行比较，例如（id 1,2,3,4,5）。

   GridView.builder(
       itemCount: course == null ? 0 : course.length,
    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: (MediaQuery.of(context).orientation == Orientation.portrait) ? 3 : 4),
    itemBuilder: (BuildContext context, int index) {
      return Card(
        child:InkWell(
      onTap: () {
        setState(() {
          courseid = course[index]['id'];
          coursename=course[index]['name'];
        });
       addCourse(course[index]['about']);
      },
          child:Column(
            children: <Widget>[
           Text((coursedata['courseid'] == course[index]['id']) ? "Added" : ""),
         IconButton(
                icon: index.isEven ? Icon(Icons.school) : Icon(Icons.book),
                iconSize:MediaQuery.of(context).orientation == Orientation.portrait ?30 : 30,
                color: index.isOdd  ? Colors.amber[800]: Colors.green[800],
                onPressed: (){
                  getcourseData();
                },
              ),
              Text(course[index]['name']),

            ],
          ),
        ),

      );
    },
  ),

这是从Firebase数据库获取的另一个列表数据。

    getcourseData() async {
     databaseReference.collection(user.email).getDocuments().then((querySnapshot) {
    querySnapshot.documents.forEach((result) {
    coursedata=result.data;

    });
   });
   }

以上两个列表都使用数据ID进行比较。

  coursedata['courseid'] == course[index]['id']) ? "Added" : ""

请提供有关如何在网格视图构建器中比较数据的帮助。目前，只有一个数据显示为“已添加”，尽管其他数据在视图中也未显示为“已添加”。

Answer 1

我创建了一个演示。根据您的要求进行更改。

import 'package:flutter/material.dart';

void main() =>
  runApp(MaterialApp(home: GridViewDemo()));

class GridViewDemo extends StatefulWidget {
  @override
  _GridViewDemoState createState() => _GridViewDemoState();
}

class _GridViewDemoState extends State<GridViewDemo> {
  // already added indices numbers
  List<int> alreadyAddedIndices = [3,4,5,6,7];

  var courseid = 0;
  var coursename = "default";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text(("GridView Demo")),
      ),
      body: SingleChildScrollView(
        child: Column(
          children: [
            GridView.builder(
              itemCount: 5,
              shrinkWrap: true,
              gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                  crossAxisCount: (MediaQuery.of(context).orientation == Orientation.portrait) ? 3 : 4),
              itemBuilder: (BuildContext context, int index) {
                return Card(
                  child:InkWell(
                    onTap: () {
                      setState(() {
                        // change as per your code
                        courseid = index;
                        coursename=index.toString();
                        // add index in list if not available
                        // tapping again, remove index from list
                        alreadyAddedIndices.contains(index)?alreadyAddedIndices.remove(index):alreadyAddedIndices.add(index);
                      });
                    },
                    child:Column(
                      children: <Widget>[
                        Text((alreadyAddedIndices.contains(index)) ? "Added" : ""),
                        Icon(index.isEven ? Icons.school : Icons.book,
                          size:MediaQuery.of(context).orientation == Orientation.portrait ?30 : 30,
                          color: index.isOdd  ? Colors.amber[800]: Colors.green[800],),
                        // course name text
                        const Text("course Name"),
                      ],
                    ),
                  ),

                );
              },
            ),
          ],
        ),
      ),
    );
  }
}

输出：

注意： 这是一个演示代码。您可以在hasAddedIndices列表中获取所有添加的课程ID。根据需要更改代码。

Answer 2

行，

Text((coursedata['courseid'] == course[index]['id']) ? "Added" : ""),

仅比较一个值，因为您只在一个列表中进行迭代。尝试通过遍历两个列表来调用返回布尔值或Text小部件的方法。如果该函数仅返回false，那么您将添加到列表中。这是一个返回文本小部件的sudo代码示例：

_ComparingLists(int id) {
bool temp = false;
  for (int i = 0; i < coursedata['courseid'].length; i++) {
  if ((coursedata['courseid'][i] == id)) {
  temp = true;
  break;
} else {
  temp = false;
}
 }

 // student is already enrolled
 if (temp == true) {
   return Text("Student is enrolled ...");
  }
  // student is not enrolled
  else {
  // do your operations like adding to the list here ....
   return Text("No match");
      }
        }

您可以通过以下方式调用该方法：

_ComparingLists(course[index]['id'])

希望有帮助：）

如何在flutter中比较两个列表数据（飞镖）

2 个答案: