Flutter GestureDetector在按钮上不起作用
Flutter GestureDetector是一个手势识别器，用于检测用户在屏幕上的手势操作。它可以用于各种手势，如点击、双击、长按、拖动等。
在按钮上使用Flutter GestureDetector时，可能出现它不起作用的情况。这可能是由于以下几个原因：
- GestureDetector没有正确包装按钮：确保将GestureDetector包装在按钮的外部，而不是内部。这是因为GestureDetector会拦截手势事件，如果它包装在按钮内部，它可能会阻止按钮接收到触摸事件。
- GestureDetector的手势事件被其他组件拦截：如果在GestureDetector周围有其他组件，可能会导致手势事件被这些组件拦截。可以尝试使用
behavior: HitTestBehavior.translucent属性来解决这个问题，它会允许手势事件穿透到下面的组件。 - GestureDetector的手势事件被父级组件拦截：如果GestureDetector嵌套在其他组件中，并且这些组件具有自己的手势识别器或触摸事件处理逻辑，可能会导致手势事件被父级组件拦截。可以尝试使用
behavior: HitTestBehavior.opaque属性来解决这个问题，它会阻止手势事件穿透到父级组件。
如果以上方法都无效，可以考虑使用其他手势识别器，如InkWell或InkResponse，它们是专门用于按钮的手势识别器，并且更容易使用。
腾讯云相关产品和产品介绍链接地址：
相关·内容
这是我在flutter中定义的GestureDetector： return GestureDetector(
behavior: HitTestBehavior.opaque,
onHorizontalDragStart: _onHorizontalDragStart,
onHorizontalDragUpdate: _onHorizontalDragUpdate,
onHorizontalDragEnd: _onHorizontalDragEnd,
child:
Contain
浏览 25提问于2020-11-20得票数 0
回答已采纳
我有一个GestureDetector，它的孩子是一个行。在GestureDetector 'ontap‘上，我想调用一个名为MyApp的类来打印入口值，但它在GestureDetector的'ontap’上不起作用。在GestureDetector之外调用类可以很好地工作。我能为它做些什么？
浏览 7提问于2021-10-04得票数 2
我正在使用url_launcher依赖来在我的一个图标上有一个拨号功能；然而，这在安卓上有效，但在IOS上不起作用？
调用启动器方法为：
_launchcaller() async
{
const url = '719-282-2224';
if (await canLaunch(url))
{
await launch(url);
}
else{
throw 'Could not launch $url';
}
}
然后，我在onTap侦听器上调用该方法，如下所示：
浏览 1提问于2018-07-28得票数 3
我正试着从flutter上推出一个第三方应用，但毫无进展。在这种情况下，我试图通过在Flutter中单击一个凸起的按钮来打开应用程序“Amazon Alexa”。有人能帮我吗？ 我试着使用url_launcher，但在第三方应用程序上不起作用。
浏览 19提问于2019-05-25得票数 0
我有一个关于Flutter中的GestureDetector小部件的问题。我有以下情况:我有两个按钮。当第一个按钮被长时间按下时，我想做点什么。然后，当用户从第一个按钮垂直拖动到仍处于按下状态的第二个按钮上时，我想要做一些事情。 如何在Flutter中使用GestureDetector小部件来实现这一点？
浏览 19提问于2020-10-05得票数 0
回答已采纳
我在GestureDetector里面有一个按钮。GestureDetector和IconButton都有自己的功能。但是，我只想在点击图标时执行GestureDetector函数而不是‘IconButton’函数。我知道这个问题的一些解决方案，但我仍然在想，在上面的情况下，是否有任何解决方案可以防止flutter执行IconButton的函数？
谢谢
浏览 2提问于2021-08-24得票数 0
回答已采纳
我有下面的代码，这是以前的工作，但由于其馀代码的性质已经改变，这是不工作了。
我需要pageController.page值将background和borderColor添加到GestureDetector下的listView按钮中。
问题是，如果我从下面的代码中删除注释，我只会得到decimal points中的第一个值，而不是double中的1,2,3,4,5。这不会导致任何更改，因为我将currentPageValue与index在ListView.builder中进行比较。
我可以将background & borderColor设置在GestureDetector onTap
浏览 4提问于2020-08-29得票数 0
1回答
如何修改以下插件的网页颤振？
、、、、
google_maps_flutter，
flutter_share，
path_provider，
flutter_local_notifications，
地理编码，
这些插件在网络上不起作用。什么是解决方案来修改这个网页？
浏览 1提问于2022-10-06得票数 0
2回答
请帮助我在一个图标按钮上长按检测。 我正在尝试得到一个图标按钮，它将更改数量值1，如果点击，并由10长按。不幸的是，在Flutter 2.12中，没有一个长按事件处理程序可用于IconButton。 因此，我只在Container中使用了Icon，如下所示 GestureDetector(
child: Container(
child: const Icon(
Icons.add,
),
padding: EdgeInsets.symmetric(vert
浏览 36提问于2021-10-18得票数 1
每当我点击屏幕时，我都会尝试使用GestureDetector小工具来隐藏Flutter中的AppBar。 但它不起作用。以下是我的代码： import 'package:flutter/material.dart';
// This is the page widget
class PageWidget extends StatefulWidget {
final String title;
PageWidget({Key key, this.title}) : super(key: key);
@override
_PageWidgetState cr
浏览 30提问于2020-12-25得票数 0
回答已采纳
我有一个简单的水平列表，就像一个图像旋转木马，我可以使用AnimatedBuilder扫描。
我想让每个单独的容器动画和展开全屏时，我点击它。
我将容器包装在一个GestureDetector中，我可以很好地点击它们，现在我需要缩放容器的全屏。
我试着用一个Positioned来对它进行介词，但是它实际上不起作用，因为它重新定位了“旋转木马”中的所有容器。
基本上，我需要被点击的容器“弹出”，多少有点像一个html DIV绝对位置。
有什么想法吗？
import 'package:flutter/material.dart';
void main() => runApp
浏览 0提问于2018-04-16得票数 1
回答已采纳
因此，我希望用户能够在我的flutter网站上注册他们的twitter帐户。 我找到了这个软件包(https://pub.dev/packages/flutter_twitter)，但我试过了，它在flutter web上不起作用，只能在手机上起作用。 那么，我必须自己做这个身份验证吗？如果是这样的话，我怎么做呢？
浏览 26提问于2020-06-23得票数 0
我有一个下面的容器，它实际上比屏幕大。但似乎flutter不允许容器宽度大于屏幕。 import 'package:flutter/material.dart';
import 'dart:math' as math;
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutt
浏览 14提问于2020-12-11得票数 0
当将GestureDetector垂直拖动到ListView中时，无法触发GestureDetector onPanUpdate事件。
。
只有在水平方向拖动才能触发GestureDetector onPanUpdate事件。
我知道颤栗有一个GestureArenaManager，但如何让GestureDetector在竞技场上获胜？
我想在拖动GestureDetector时，可以
像这样的密码。
import 'package:flutter/cupertino.dart';
import 'package:flutter/gestures.dart';
浏览 3提问于2019-10-19得票数 2
回答已采纳
4回答
$ Flutter doctor终端命令在ubuntu上不起作用，给出错误信息"curl：(35) gnutls_handshake() failed: error in the pull function“。
浏览 1提问于2018-03-16得票数 0
如何使ListTile在这个小部件层次结构中工作：
SingleChildScrollView(
scrollDirection: Axis.vertical,
child: Column(
children: [
Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
浏览 6提问于2020-08-03得票数 1
我有pdf查看器(即时通讯使用syncfusion_flutter_pdfviewer包)，我想当用户点击屏幕显示菜单(下一页按钮，上一页，转到页面...etc)，当点击第二次菜单隐藏。我正在尝试将pdfviewr放入GestureDetector小工具中，但不能工作。 Expanded(
child: GestureDetector(
onTap:() {
setState(() {
menuBarVisible = !menuBarVisi
浏览 27提问于2021-10-12得票数 0
在Flutter Web中制作截图并将其发送到电子邮件？普通屏幕截图在移动应用上有效，但在web上不起作用。
浏览 22提问于2021-08-16得票数 0
我想构建一个带有Flutter的静态DatePicker，之前不需要按任何按钮。屏幕加载时，应显示选取器。尝试了flutter cupertino date-picker已尝试flutter_datetime_picker 1.2.0。在github上尝试了颤动示例。
我试过没有手势检测器的CupertinoDatePicker，但它失败了，之前只按了一个按钮。
Widget _buildDatePicker(BuildContext context) {
return GestureDetector(
onTap: () {
showCupertinoMo
浏览 1提问于2019-05-10得票数 2
根据的说法，这应该显示进度条：
RUN curl --progress-bar -sSL -o flutter_sdk.tar.xz ${FLUTTER_SDK_URL}
但它在docker上不起作用。
如何在docker上显示卷曲进度条？
浏览 5提问于2021-06-14得票数 0
我试图使一个文本小部件可以用GestureDetector缩放，但是它根本不起作用，甚至没有错误。
注意，我尝试了很多事情，比如用GestureDetector包装脚手架本身。
main.dart
import 'package:flutter/material.dart';
import 'package:testy/zoomable.dart';
void main() => runApp(
MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Testy'
浏览 0提问于2019-04-17得票数 1
回答已采纳
5回答
使用web flutter时，当我显示文本时，我的文本被切到底部，我试图放置填充，但它不起作用。
这个问题这个产品无处不在，甚至在TextField上
new Container(
width: menuRightWidthDesktop,
height: getSize == 0 ? heightHeaderDesktop : getSize == 1 ? heightHeaderTablette : heightHeaderMobile,
color: Colors.red,
child: new Row(
浏览 0提问于2020-01-10得票数 4
我试图建立一个多芯片选择字段使用以下代码的省道。
test_page.dart
import 'package:flutter/material.dart';
import 'package:multi_select_flutter/multi_select_flutter.dart';
class TestWidget extends StatelessWidget {
const TestWidget({Key? key}) : super(key: key);
@override
Widget build(BuildContext cont
浏览 5提问于2021-06-29得票数 0
回答已采纳
1回答
我对有一个问题，的屏幕截图显示了几个月的SfCalendar，这个截图显示了其他孩子的Column (关于最小的可报告的示例代码，也请参阅end )：
问题很简单:当触点开始于其他Column子节点时，垂直滚动工作得很好，但当触点开始于SfCalendar时，Column就不会滚动。日历似乎完全吸收了所有垂直拖动触摸手势。这是非常恼人的，因为月份模式下的SfCalendar不使用垂直拖动手势，因此它确实应该允许列滚动。
设置debugPrintGestureArenaDiagnostics = true会显示当您试图在日历上垂直滚动时所发生的事情：
I/flutter (15390)
浏览 6提问于2020-06-27得票数 2
class FunctionList extends StatelessWidget {
@override
Widget build(BuildContext context) {
List _functionList = [
'1',
'2',
];
List _color = [
Colors.white,
Colors.blue,
]
List<Function> _tapFunction = [
() {
pr
浏览 6提问于2021-08-22得票数 0
回答已采纳
1回答
如何迭代从flutter中的Future函数返回的地图？forEach在Future map上不起作用。
从本质上讲，有没有办法将Future Map转换为normal Map对象？
浏览 10提问于2021-05-25得票数 0
回答已采纳
1回答
我想知道如何使用flutter web截图小工具。我已经尝试过名为screenshot的包，但它似乎在web上不起作用。有人知道我是怎么做到的吗？
浏览 19提问于2021-07-29得票数 2
这个问题纯粹是基于GestureDetector flutter的。
例如:在应用程序中，GestureDetector类是实现的，所以在这里默认它支持多点触摸，现在需要禁用这种多点触摸，所以什么是最好的解决方案。
GestureDetector参考链接：
浏览 17提问于2018-08-07得票数 10
在下面的示例中，我们在绿色容器中有一个可调用的红色容器。
红色容器用侦听器GestureDetector包装，绿色容器用包装
问题:当点击红色容器时，侦听器和GestureDetector都会接收事件，这是一个错误。(只有最顶端的小部件在点击时应该得到一个抽头事件。只有绿色小部件在点击时才会得到一个事件)。如果两者都用GestureDetector包装，则只有最顶层的小部件才能获得事件。
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp ex
浏览 0提问于2021-01-05得票数 1
回答已采纳
基本上，我有一个按钮，我用Flare制作的，它应该是一个动画，然后我点击它！它工作得很好，但每次我在应用程序中的任何地方点击时，动画都会开始，而不仅仅是按钮。有没有办法只在点击Button区域时才能制作动画？我正在使用GestureDetector来处理敲击。 https://i.stack.imgur.com/ZBjmz.jpg 我的代码： import 'package:flutter/material.dart';
import 'package:flare_flutter/flare_actor.dart';
import 'package
浏览 20提问于2020-01-05得票数 1
回答已采纳
1回答
我正在试着通过按一个按钮来提高文本更改的速度。因此，我的文本是一个number.toString()，每次我单击我创建的GestureDetector时，它都会递增1 (++)。但我正在尝试使用属性onLongPress来提高按住按钮时文本增加的速度。但是我尝试过的东西都没有成功！
我在互联网上搜寻信息，我发现的是如何一个接一个地放慢速度，这不仅与我需要的相反，而且当我按住按钮时，它不会继续减少，它只会降低每个数字按下按钮的速度。我使用的代码是：
import 'package:flutter/scheduler.dart' show timeDilation;
..。
Row
浏览 16提问于2019-07-31得票数 0
回答已采纳
1回答
我正在尝试设置一个应用程序，它在安卓系统上使用WebView (pub上的flutter_webview )，并直接在网络上重定向，因为flutter_webview在网络上不起作用。我在pub和dart:js上查看了js，但这不起作用，因为Android根本不允许导入dart:js或package:js。有什么想法吗？我使用kIsWeb来检测平台(不提供iOS或桌面)。
浏览 86提问于2021-05-10得票数 0
回答已采纳
代码很简单--我有一个容器，在它上面堆放了不同的小部件，其中两个是搜索栏和一个平面按钮，这个平面按钮被用来提高底部的工作表，并且每当底部的工作表被抬高时，搜索条就变得不可见了。搜索栏放置在平面按钮下面。但是，每当我按下平按钮，就会引发异常。我试着重新加载这个应用程序，但是没有用。
下面是错误日志：
The following _CompileTimeError was thrown while handling a gesture:
Unimplemented handling of missing static target
When the exception was thrown, t
浏览 5提问于2020-03-08得票数 1
回答已采纳
我正在尝试使用InteractiveViewer在模态下表中使用showModalBottomSheet。我希望用户能够缩放，然后移动通过图片使用捏和潘手势。不幸的是，当我垂直做一个pan手势时，VerticalDragGestureRecognizer在手势竞技场上赢得了ScaleGestureRecognizer。
flutter: Gesture arena 48 ❙ ★ Opening new gesture arena.
flutter: Gesture arena 48 ❙ Adding: ScaleGestureRecognizer#962c4(debugOwner: G
浏览 9提问于2022-04-20得票数 1
我正在设计一个配置文件图像小部件，我需要执行两个不同的任务。
编辑图标将更改配置文件图像，单击图像将放大图像，但我得到了以下错误：
I/flutter (21524): The following assertion was thrown building RawGestureDetector(state:
I/flutter (21524): RawGestureDetectorState#6b90e(gestures: [tap])):
I/flutter (21524): Incorrect use of ParentDataWidget.
I/
浏览 0提问于2019-01-18得票数 2
回答已采纳
我想在我的Flutter应用程序中实现socket IO，我在安卓和flutter_socket_io上获得了成功，但它在iOS上不起作用， 然后我尝试了socket_flutter_plugin和adhara_socket_io，这些插件中的任何一个都不能在这两个平台上工作。 我也尝试过socket_io_client，但它仍然不起作用。 我遵循了所有插件的自述文件中写的所有步骤。但这些方法中的任何一个仍然不起作用。 我已经检查了各个插件的所有问题，并尝试遵循它们。 有人在两个平台(安卓和iOS)的Flutter中使用过socket IO吗？
浏览 29提问于2019-12-13得票数 2
回答已采纳
我想隐藏屏幕键盘通过onTap以外的TextField或在屏幕上的任何地方。然后，我用Scaffold包装GestureDetector，如下所示。我已经尝试了onTap和onTapDown。
GestureDetector(
behavior: HitTestBehavior.opaque,
onTapDown: (_) {
printLog("hide keyboard ${_.localPosition}");
FocusManager.instance.primaryFocus?.unfocus();
},
child: Scaff
浏览 7提问于2022-09-07得票数 0
回答已采纳
我们刚刚启动了一个使用Flutter和Firebase服务的项目: Auth，Firestore，Functions。我们只是发现Firebase在华为手机上不起作用。在迁移整个项目时，哪个后端服务是最快速和最可靠的？
浏览 3提问于2020-12-29得票数 3
回答已采纳
我有一个注册页面，其中包含像隐私政策，条款等文本，我想在点击这些文本网页应得到打开。为此我使用了GestureDetector，但问题是它只包含一个子级 但我希望所有三个文本都在那里，并且应该执行Onclick或here onTap。 有什么想法吗？ GestureDetector(
onTap: () => launch(
'https://docs.flutter.io/flutter/services/UrlLauncher- class.html'),
浏览 10提问于2019-06-20得票数 0
回答已采纳
我有使用IndexedStack的BottomNavigationBar，这样当改变页面时，我的googleMaps不会重新加载。在第一页我有一个按钮，在第二页我有googleMaps。当我按下按钮时，我希望页面切换到第二个页面，然后在那里调用函数。例如，缩放到新位置。 我使用作用域模型来处理我的状态。 我已经想出了一种更改页面的方法，但我不确定如何处理GoogleMapsController。我将其提升到ScopedModel类，但现在我在打开新路线并关闭它，然后尝试更改按下按钮以转到地图上的某个位置时出现错误： I/flutter ( 8784): ══╡ EXCEPTION CAUGH
浏览 11提问于2019-02-22得票数 0
1回答
我在颤振方面非常缺乏经验，所以我创建了这个脚本。
当您点击红色容器时，您将创建一个按钮行，我希望当我单击Row ->中的一个按钮时，蓝色容器的文本将与所点击的按钮中包含的文本相同
有人知道我能做什么吗？
谢谢您:)
import 'package:flutter/material.dart';
import 'package:flutter/gestures.dart';
void main() => runApp(mainApp());
class mainApp extends StatelessWidget {
@override
浏览 12提问于2022-04-08得票数 0
回答已采纳
在我的项目中，我将整个MaterialApp封装在一个GestureDetector中，当用户点击屏幕时，它应该关闭键盘，使用这段代码
FocusScope.of(context).unfocus()
在测试了多个场景之后，它不起作用了，所以我决定用错误的方式来做它
FocusScope.of(context).requestFocus(FocusNode())
但现在我又遇到了另一个问题。下面是由MaterialApp的routes生成器实例化的简单屏幕的代码。
import 'package:flutter/material.dart';
class TestScreen
浏览 6提问于2020-08-07得票数 2
回答已采纳
1回答
这个问题纯粹基于GestureDetector颤振。
例如:应用程序中的，GestureDetector类是实现的，因此默认情况下支持多点触摸，现在我们需要禁用多点触摸，那么最好的方法是什么呢？否则，在使用GestureDetector的绘图应用程序中，flutter会引起多点触摸问题。
那么，如何在手势检测器中禁用多点触摸呢？
浏览 0提问于2018-08-28得票数 0
在这里，我创建了一个应用程序，其中包含一个部分，用户可以通过它创建一个投票。因此，当我按下一个add按钮选项容器时，会添加它，但是当我试图通过按减号按钮移除选项容器时，它就不起作用了。有人能帮我解决这个问题吗。这是我的大学项目。
import 'package:flutter/material.dart';
import 'package:note_app_demo/scaffold.dart';
List<Container> options = [
Container(
padding: EdgeInsets.all(15
浏览 7提问于2022-03-02得票数 0
回答已采纳
基本上，我在同一个文件中有一个按钮(GestureDetector)来调用Future函数。问题是，该函数中的小部件没有按预期显示，但后台进程正在成功运行。
触发器：
showDialog(
context: context,
builder: (context) {
AlertDialog(
/// Below the button to call function *resetPassword*
GestureDetector(
child: Text("Yes"),
onTap: () async {
Navigator.of(context).
浏览 3提问于2021-06-28得票数 0
所以我在Flutter中有一个小部件GestureDetector，我想让它在“悬停”时做一些事情，就像这样(向任何方向拖动)：
使用GestureDetector可以做到这一点吗？感谢您的帮助。
浏览 15提问于2020-11-27得票数 15
嗨，在Flutter中，我有一个TextFormField和一个GestureDetector。问题是，当TextFormField具有焦点(用户正在键入)，然后用户单击GestureDetector时，onTap不会被调用，因此用户必须单击两次才能从TextFormField中移除焦点，并再次单击以激活GestureDetector，这对用户来说是令人恼火的。即使TextFormField有焦点，也能检测到轻击吗？谢谢!
浏览 37提问于2020-06-21得票数 1
我正在使用Flutter开发一个应用程序，并将一些华为工具包集成到应用程序中。我的最终目标是将其部署到华为应用程序库中。 但是，我之前使用Firebase Firestore数据库作为我的项目的数据库。但它似乎在华为设备上不起作用。 有没有可以在Flutter Project中使用的数据库选项，以取代可以在华为设备上使用的Firebase Firestore？
浏览 33提问于2021-10-04得票数 1
我正在实现一个表单，在那里用户能够写一个课程的标题和描述。此外，用户应该能够为这个特定的课程选择颜色。
我的目标是当我在其他地方点击或点击键盘的后退按钮时，从当前编辑的文本字段中取消焦点。
我发现了一个类似的帖子，他们在GestureDetector窗口小部件中使用FocusScope.of(context).unfocus();。
不幸的是，这在我的情况下是行不通的。
附言:我在Flutter 1.17.2上
child: GestureDetector(
behavior: HitTestBehavior.translucent,
on
浏览 3提问于2020-06-03得票数 0
我想通过关闭navigator.pop(上下文，结果)的接口传递一个对象，但是我有这个错误
手势===============================================================捕捉到的 ========异常在处理手势时引发了以下_TypeError :类型'User‘不是'bool?’类型的子类型。“结果”
当异常被抛出时，这是堆栈：#0 (package:flutter/src/widgets/navigator.dart:2896:16)：#0 LocalHistoryRoute.didPop (包：(package:flut
浏览 5提问于2022-08-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
