如何让 Dart Flutter GridView 项目单击？

Question

我正在尝试与 Dart Flutter 建立一个界面。我做了一个这样的界面：

我希望这些项目是可点击的。点击后，我将采取行动。我该怎么做才能单击项目？

代码：

body: Center(
        child: GridView.builder(
          gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 2,
          ),
          itemCount: subjects.length,
          itemBuilder: (BuildContext context, int index) {
            return Container(
              child: Card(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Image.asset(subjects[index].subjectImage, fit: BoxFit.cover, height: 50, width: 50,),
                      SizedBox(height: 10,),
                      Text(subjects[index].subjectName, style: TextStyle(fontSize: 20),),
                    ],
                  ),
                ),
            );
          },
        ),
      )

Answer 1

您可以使用 GestureDetector 或 Inkwell 来实现此目的。并在 onTap() 中编写 onpress 操作代码。

     GestureDetector(
    onTap: () {
      // To do
    },
    child: Card(
     
    ),
  ),

或者

InkWell(
    onTap: () {
      // To do
    },
    child: Card(),
  ),