blocks|key|2909197|text|创建一个bool标志并定义一个方法：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2909198|bool+_enabled+=+true;+

void+_onTap+()+{
++//+Disable+GestureDetector's+'onTap'+property.++
++setState(()+=>+_enabled+=+false);
++
++//+Enable+it+after+1s.
++Timer(Duration(seconds:+1),+()+=>+setState(()+=>+_enabled+=+true));
++
++//+Rest+of+your+code...++++++++++
}|code-block|syntax|javascript|2909199|使用：|BOLD|2909200|GestureDetector(
++onTap:+_enabled+?+_onTap:+null,
++child:+Icon(Icons.content_copy),
)|2909201|entityMap^0|4|4|0|0|0|3|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|U|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|V|8|@$9|W|A|X|B|M]]|D|@]|E|$]]|$1|N|3|O|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|P|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|Q|$]]

Create a <code>bool</code> flag and define a method:
<pre class="lang-dart prettyprint-override"><code>bool _enabled = true; 

void _onTap () {
 // Disable GestureDetector's 'onTap' property. 
 setState(() =&gt; _enabled = false);
 
 // Enable it after 1s.
 Timer(Duration(seconds: 1), () =&gt; setState(() =&gt; _enabled = true));
 
 // Rest of your code... 
}
</code></pre>
Usage:
<pre class="lang-dart prettyprint-override"><code>GestureDetector(
 onTap: _enabled ? _onTap: null,
 child: Icon(Icons.content_copy),
)
</code></pre>

blocks|key|1359071|text|将其包装在一个AbsorbPointer中|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1359072|var+shouldAbsorb+=+true;

AbsorbPointer(
++++absorbing:+shouldAbsorb,
++++child:+GestureDetector(
++++++onTap:+()+{
++++++++Navigator.of(context).pop();
++++++},
++++++child:+Container(
++++++++color:+Colors.red,
++++++),
++++),
++)|code-block|syntax|javascript|1359073|entityMap^0|7|D|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Wrap it in an <code>AbsorbPointer</code>

<pre><code>var shouldAbsorb = true;

AbsorbPointer(
 absorbing: shouldAbsorb,
 child: GestureDetector(
 onTap: () {
 Navigator.of(context).pop();
 },
 child: Container(
 color: Colors.red,
 ),
 ),
 )
</code></pre>

blocks|key|728904|text|就我个人而言，我使用来自GestureDetector的另外两种方法|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|728905|onTapDown：当用户按下小部件时。|728906|onTapUp：当用户离开小部件时。|728907|onTap：是按下然后按下的时候。如果用户的手指滑入太多颤音，就像取消点击。|728908|onTapCancel：当用户取消。|728909|bool+pressing+=+false;

GestureDetector(
++//+when+user+is+pressing
++onTapDown:+(details)+{
++++setState(()+{
++++++pressing+=+true;
++++});
++},
++//+when+user+leaved
++onTapUp:+(details)+{
++++setState(()+{
++++++pressing+=+false;
++++});
++},
++//+when+user+leaved
++onTapCancel:+()+{
++++setState(()+{
++++++pressing+=+false;
++++});
++}
++//+the+action+to+do+when+user+tap
++onTap:+()+{
++++//+code...
++}
);|code-block|syntax|javascript|728910|以下是文档：颤振GestureDetector文档|728911|entityMap|0|LINK|mutability|MUTABLE|url|https://api.flutter.dev/flutter/widgets/GestureDetector-class.html^0|C|F|0|0|9|0|0|7|0|0|5|0|0|B|0|0|6|J|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|L|3|M|5|6|7|1E|8|@$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|N|3|O|5|P|7|1H|8|@]|D|@]|E|$Q|R]]|$1|S|3|T|5|6|7|1I|8|@]|D|@$9|1J|A|1K|1|1L]]|E|$]]|$1|U|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]]]

Personally I use two others methods from <code>GestureDetector</code>:

<code>onTapDown</code>: When user is pressing your widget.

<code>onTapUp</code>: When user leave the widget.

<code>onTap</code>: Is when tap down and tap up follows. If user slide his finger too much Flutter take this like a cancel tap.

<code>onTapCancel</code>: When user cancel.

<pre><code>bool pressing = false;

GestureDetector(
 // when user is pressing
 onTapDown: (details) {
 setState(() {
 pressing = true;
 });
 },
 // when user leaved
 onTapUp: (details) {
 setState(() {
 pressing = false;
 });
 },
 // when user leaved
 onTapCancel: () {
 setState(() {
 pressing = false;
 });
 }
 // the action to do when user tap
 onTap: () {
 // code...
 }
);
</code></pre>

Here is the documentation: <a href="https://api.flutter.dev/flutter/widgets/GestureDetector-class.html" rel="nofollow noreferrer">Flutter GestureDetector Documentation</a>

blocks|key|728937|text|除了CopsOnRoad的回答|type|unstyled|depth|inlineStyleRanges|entityRanges|data|728938|也可以用未来来完成|728939|setState(()+=>+_enabled+=+true);
await+Future.delayed(Duration(seconds:+1));
setState(()+=>+_enabled+=+false);|code-block|syntax|javascript|728940|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

In addition to CopsOnRoad's answer
Can be done with the Future as well
<pre><code>setState(() =&gt; _enabled = true);
await Future.delayed(Duration(seconds: 1));
setState(() =&gt; _enabled = false);
</code></pre>

I have a <code>GestureDetector</code> in a custom stateless view.
when <code>onTap</code> triggered I show a snack bar that displays some info.
When the user makes multiple clicks fast it keeps displaying the snack bar forever.

<a href="https://github.com/ammaratef45/zold-flutter-client/blob/f433b04fde3d0466dfdf1c76ed8197c1fdf8c108/zold_wallet/lib/information_view/information_view.dart#L29-L36" rel="noreferrer">source code</a>

<pre><code>GestureDetector(
 onTap: () { 
 Clipboard.setData(new ClipboardData(text: idText));
 Scaffold.of(context).showSnackBar(SnackBar
 (content: Text('ID copied')));
 },
 child: Icon(Icons.content_copy,),
}
</code></pre>

I want to disable the <code>onTap</code> for seconds before it can be clicked again.

Flutter: How to disable onTap for a while in gesture detector?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我在自定义的无状态视图中有一个GestureDetector。当onTap触发时，我会显示一个显示一些信息的快餐店。当用户多次快速点击时，它就会永远显示快餐店。GestureDetector(  onTap: () {      Clipboard.setData(new ClipboardData(text: idT...

问颤振:如何在手势检测器中暂时禁用onTap？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问颤振:如何在手势检测器中暂时禁用onTap？EN