如何使卡片小部件在设计中可触摸?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使卡片小部件在设计中可触摸?相关的知识,希望对你有一定的参考价值。

我目前正在制作一个包含Card小部件列表的应用程序。这是一段代码:

new GestureDetector(
        onLongPress: () {
          showAlert(); 
        //pops up an AlertDialog
        },
        child: new Card(child: new Text("Hello"))
)

是否可以使卡片小部件可触摸,这样用户可以感觉/看到卡片被(长)点击?我正在寻找'InkWell-something results'。

编辑:当我长按它时,我想在我的卡片小部件上产生泼溅效果。我在下面的GIF中给出了一个溅射效果的示例:

enter image description here

答案

用这个

return Card(
    child: InkWell(
  onTap: () {},
  onLongPress: () {}
  child: Container(),
));

以上是关于如何使卡片小部件在设计中可触摸?的主要内容,如果未能解决你的问题,请参考以下文章

如何将卡片小部件放在 SliverAppBar 中?

如何使我的 ListView 在颤动中可滚动?

在卡片视图中排列小部件

Flutter Cards:如何在 Flutter 中创建自定义卡片小部件

如何将一列小部件紧紧包裹在卡片中?

Qt 中简单的无键盘触摸屏小部件