如何在 Flutter 上为 CategoryCard 添加可点击选项

Question

我想知道是否可以添加单击 CategoryCard 并重定向到另一个颤动屏幕的功能。

我的代码如下：

CategoryCard(
                      title: 'Wifi',
                      imgSrc: 'assets/img/wifi.png',
                    ),
                    CategoryCard(
                      title: 'Key',
                      imgSrc: 'assets/img/signIn.png',
                    ),

我想知道如何使这些 CategoryCard 中的每一个都可点击。 谢谢。

Answer 1

您必须使用InkWell或 GestureDetector 包装您的CategoryCard 。 InkWell和GestureDetector的区别在于， InkWell在按下时会产生涟漪效果，而GestureDetector不会。

InkWell解决方案：

InkWell(
   child: CategoryCard(
               title: 'Wifi',
               imgSrc: 'assets/img/wifi.png',
             ),
   onTap:(){
      print("It works");
    }
),

GestureDetector解决方案：

GestureDetector(
   child: CategoryCard(
               title: 'Wifi',
               imgSrc: 'assets/img/wifi.png',
             ),
   onTap:(){
      print("It works");
    }
),