用行内的GestureDetector包装的扩展不再扩展
是指在Flutter中使用GestureDetector组件对其他组件进行包装，以实现手势识别的功能。GestureDetector是Flutter中的一个手势识别组件，可以用于检测用户在屏幕上的各种手势操作，如点击、拖动、缩放等。
通过使用GestureDetector，我们可以为任意的Widget添加手势操作的能力，从而实现更丰富的交互体验。例如，我们可以将GestureDetector包装在一个按钮上，使得用户点击按钮时触发特定的操作；或者将GestureDetector包装在一个图片上，使得用户可以通过拖动图片来实现拖拽的效果。
GestureDetector的主要属性包括：
- onTap：当用户点击组件时触发的回调函数。
- onDoubleTap：当用户双击组件时触发的回调函数。
- onLongPress：当用户长按组件时触发的回调函数。
- onPanUpdate：当用户在组件上滑动手指时触发的回调函数。
- onScaleUpdate：当用户在组件上进行缩放手势时触发的回调函数。
GestureDetector的优势在于它可以轻松地为任意的Widget添加手势操作的功能，使得应用程序的交互更加灵活多样。它可以应用于各种场景，如按钮点击、图片拖拽、手势密码等。
对于Flutter开发者来说，腾讯云提供了一系列与移动开发相关的产品和服务，可以帮助开发者构建高效、稳定的移动应用。其中，推荐的腾讯云产品是移动应用开发平台（Mobile Application Development Platform，MADP），它提供了一站式的移动应用开发解决方案，包括应用开发、测试、发布、运营等环节。
腾讯云移动应用开发平台的产品介绍链接地址为：https://cloud.tencent.com/product/madp。通过使用腾讯云的移动应用开发平台，开发者可以更加高效地进行移动应用的开发工作，并且可以借助腾讯云的强大基础设施和服务，为移动应用提供稳定可靠的后台支持。
相关·内容
增加GestureDetector面积的最佳方法是什么？
我想避免使用具有自定义宽度和高度的Container
我有一张写着这行的卡片：
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
new IconButton(
icon: new Icon(
Icons.remove,
color: Colors.white,
浏览 13提问于2020-05-19得票数 1
回答已采纳
我想要一个MaterialButton来检测onTapDown，onTapUp和onTapCancel。
不幸的是，MaterialButtons只检测到onPressed。所以我用一个GestureDetector包装它，但是对于MaterialButtons，onPressed是@required，所以我把它设置为() {}。问题是，即使我将GestureDetector行为设置为半透明，如果我点击按钮，只会触发Button的onPressed回调，而失去GestureDetector的onTapDown和onTapUp回调。我只有在长时间按下按钮时才会让onTapDown触发，当我释放它
浏览 1提问于2019-05-15得票数 8
回答已采纳
当用户在外部点击时，我试图用GestureDetector取消TextFormField的焦点，但我无法让它工作。onTap从不触发。 class EditScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: new GestureDetector(
onTap: () {
print('this does not fire, why???????????');
浏览 37提问于2020-06-22得票数 4
回答已采纳
1回答
父Widget是列，列包含以下子列：
STACKCONTAINER(CHILD: ROW)ROW(CHILDREN: GESTUREDETECTOR(子:容器)，GESTUREDETECTOR(child:Container)LISTVIEW BUILDER
用展开包装此列，然后用singlechildScrollView包装。结果是错误！
怎么办？？
浏览 1提问于2021-03-10得票数 2
回答已采纳
1回答
我构建了以下手势检测器
GestureDetector(
child: Container(
height: 9.h,
decoration: BoxDecoration(
color: Colors.black,
shape: BoxShape.circle,
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.8),
spreadRadius: 0,
blurRadius: 5,
浏览 2提问于2022-04-21得票数 0
回答已采纳
3回答
我想创造一个火焰扑腾的游戏。对于这个游戏，我想要检测刷卡。
我可以在教程的帮助下实现点击识别。但是我不能用滑动检测来实现它。
我的main with Taprecognition如下所示:我的main函数是
void main() async{
Util flameUtil = Util();
await flameUtil.fullScreen();
await flameUtil.setOrientation(DeviceOrientation.portraitUp);
GameManager game = GameManager();
runApp(game.wid
浏览 0提问于2019-10-27得票数 3
有谁能解释一下如果我用两种方式调用doSomeAction方法的不同之处吗？
doSomeAction() {
...
}
GestureDetector() {
onTap: () {
doSomeAction();
}
}
GestureDetector() {
onTap: doSomeAction;
}
浏览 0提问于2020-07-01得票数 1
回答已采纳
2回答
我用gdk为谷歌玻璃平台编写了一个应用程序。
我怎样才能察觉头部的移动并作出反应？
我找不到合适的听者，也找不到手势(如Gesture.SWIPE_UP)。
gestureDetector.setBaseListener(new GestureDetector.BaseListener() {
@Override
public boolean onGesture(Gesture gesture) {
if (gesture == Gesture.TAP) {
//do something
}
return true;
} else
浏览 7提问于2014-01-23得票数 3
回答已采纳
当前代码使用按钮生成屏幕快照，但我希望使用GestureDetector而不是按钮来生成屏幕快照。
如果将GestureDetector放在原始代码中，则应该在底部创建捕获的屏幕，但没有创建它。如果你能帮我用代码来解释它，我将不胜感激。
目前，只在按下黄色按钮并将图像显示在底部时才会创建捕获，但我希望使用黑色容器中的GestureDetector来产生与图像相同的结果。
浏览 4提问于2021-10-27得票数 0
回答已采纳
当我把“孩子:文本(.)”在扩展的类中，它告诉我没有定义子类，我也不知道该做什么。
class _AppBarButton extends StatelessWidget {
final String title;
final Function onTap;
const _AppBarButton({
Key key,
this.title,
this.onTap,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return GestureDet
浏览 4提问于2020-11-01得票数 1
回答已采纳
我发现GestureDetector可以有不同的命中测试行为：
在非空空间上工作的deferToChild
opaque和translucent将在所有空间上工作
但是，如何使GestureDetector只在空空间上工作呢？
GestureDetector(
onTap: fallbackHandler, // called only when no children hit
child: Stack(
children: manyOtherGestureDetectors, // should keep working, not blocked by the
浏览 2提问于2021-12-27得票数 0
下面这样的简单代码在TextOverflow上失败了--替换为"searchLocationAddress“的超长文本。Flutter 1.17.5。所有提供的解决方案--灵活的、可扩展的等等--都失败了。故障排除范围缩小到InkWell，如果删除了InkWell，则elipsis、fade等会正常工作。如果您将其替换为GestureDetector，则会出现与InkWell相同的问题-未应用TextOverFlow。要使文本换行以检测点击和操作并仍然应用OverFlow，最好的方法是什么？ Column(
children: <Widget>[
Co
浏览 5提问于2020-09-02得票数 1
2回答
我试图在列中使用展开小部件，这样用户就可以点击屏幕的任何位置来增加计数器，但是在列的crossAxisAlignment和mainAxisAlignment中的文本对齐中存在一个问题，它没有应用于展开小部件，如下所示
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.black12,
body: SafeArea(
child: Center(
child: Column(
crossAxisAlignment: CrossAxisAlignment.str
浏览 3提问于2020-01-11得票数 0
回答已采纳
我有一个Stack小部件，它包含两个Image小部件，一个图像覆盖另一个。一幅图像的顶部设置为10，因此它在屏幕上高出10个像素。不幸的是，10.0px在屏幕底部被切断。如果我设置了一个overflow.visible，那么我可以看到它。
我用GestureDetector包装堆栈10.0px溢出不在GestureDetector内，所以当用户单击图像底部时，什么都不会发生。图像将是不同的大小，所以我不能设定一个确定的高度。
是否有办法将GestureDector的大小增加到其子级的大小？
return new GestureDetector(
onTapDown: (x) => p
浏览 0提问于2018-05-03得票数 2
回答已采纳
1回答
我在下面构建了这段代码，这样可以在不单击按钮的情况下将光标放在按钮上时显示我的put按钮项。但有个问题。我可以用这个方法显示我的项目，但是在我从按钮中移动光标的时候，我无法关闭我的项目。请仔细看我的代码，并告诉我，如果你知道如何解决这个问题。
openPopUpItem2() {
GestureDetector? detector;
searchForGestureDetector(BuildContext element) {
element.visitChildElements((element) {
if (element.widget !=
浏览 8提问于2022-10-20得票数 0
试图弄清楚这个颤动问题。下面的代码将showSnackbar设置为弃用，我正在尝试找出修复方法。第二个代码是我试图解决这个问题。一个新的问题出现了：“getter 'ScaffoldMessenger‘没有为类型’ScaffoldState‘定义。”错误告诉我要导入material.dart文件，但它已经导入了。
任何帮助都是非常感谢的。
Padding(
padding: const EdgeInsets.all(10.0),
child: GestureDetector(
浏览 4提问于2021-01-27得票数 29
我在使用GestureDetector in a Row时遇到一些布局问题。
这是我的Widget的构建方法：
@override
Widget build(BuildContext context) {
final dateFormat = new DateFormat('dd/MM/yyyy');
List<Widget> children = [
Text(
todo.content,
style: TextStyle(fontWeight: FontWeight.bold, color: Colors.white),
overf
浏览 24提问于2021-05-16得票数 0
回答已采纳
1回答
我使用的是一个手势检测器(它很大)而不是另一个手势检测器， Widget _sliderWidget() {
return GestureDetector(
behavior: HitTestBehavior.opaque,
child: widget.child,
onHorizontalDragStart: onHorizontalDragStart,
onHorizontalDragUpdate: onHorizontalDragUpdate,
onHorizontalDragEnd: onHor
浏览 3提问于2020-07-08得票数 0
有几个帖子，，描述了如何使用ClipRRect为图像添加圆角。他们为我工作，除了我的图像在宽度上没有适当的限制。例如，我尝试下面的正方形图像
ListView( // <- Works fine when not in ListView?
children: <Widget>[
Padding(
padding: const EdgeInsets.all(8.0),
child: GestureDetector(
onTap: () => _getFromGallery(),
child: Conta
浏览 0提问于2021-03-14得票数 0
1回答
是否有一种方法可以立即识别颤振中的触控输入？正常的按钮当然不能工作，因为它们会在升力时触发。我能找到的最接近的东西是GestureDetector小部件使用GestureDetector。但这只是在短暂的延迟之后才触发的。
谢谢你的建议！
浏览 3提问于2021-01-09得票数 0
回答已采纳
我试图使我的Text可按，所以我把它包装在一个GestureDetector，但令我惊讶的是，它已经没有onTap: () {}属性了。截图如下：
代码：
GestureDetector(
onTap(){},
child: Text(
'-',
style: TextStyle(
color: Theme.of(context).primaryColor,
fontSize: 20,
fontWeight: FontWeight.w600,
),
),
)
浏览 5提问于2021-01-08得票数 0
回答已采纳
当我在GestureDetector中有一个ListView，并且我覆盖了onVerticalDragUpdate方法时，ListView不能滚动。
如何才能重写onVerticalDragUpdate方法以使ListView保持可滚动？
new GestureDetector(
onVerticalDragUpdate: (details) => print("a"),
child: new ListView(
children: <Widget>[
浏览 0提问于2019-01-22得票数 1
我的错误是“不正确地使用ParentDataWidget”，但我不知道问题出在哪里。我已经在这里查过其他职位了，但是找不到任何帮助我的东西。我不使用扩展的其他地方比列，行。
(我知道函数updateColour可以简化，但我目前正在学习一门课程，这就是这个项目的来源。)
你能帮帮我吗？我真的不知道这个错误是从哪里来的。
input_page.dart
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
im
浏览 9提问于2022-08-08得票数 1
我在Joomla上创建一个，我正在用超文本标记语言写一篇文章。因为我需要写一些数学的东西，所以我用谷歌搜索了一下如何在超文本标记语言上使用LaTex。我遇到了这样的情况：
这是一个Joomla扩展(用PHP编写)。我已经安装了它，然后尝试使用标准的数学工具，例如$a =b+ c$，它起作用了！问题是，如果我现在只需要输入
<p>This text is (in parenthesis) but it doesn't work. </p>
然后，我得到的不是"This text is in (括号)，但it‘t work"，而是：
“此文本在括号中
浏览 49提问于2018-08-08得票数 0
我正在尝试检测ListView何时被滚动，这样我就可以在那个时候关闭键盘。
目前，我将我的ListView封装在GestureDetector中。手势检测器的onVerticalDragStart被设置为关闭键盘。然而，当我像这样截取事件时，它阻止了拖动事件向下冒泡到ListView，因此我实际上不能再滚动视图了。
我尝试在GestureDetector上设置behavior: HitTestBehavior.translucent，但是由于某种原因，这并没有达到我想要的效果。如何才能在不继承ListView的情况下实现此行为
浏览 11提问于2017-07-11得票数 1
回答已采纳
2回答
我在应用程序的一个屏幕上使用带有CustomScrollView小部件的SliverLists和一个SliverGrid，当我第一次加载主屏幕时，文本看起来很好，但是当我滚动到屏幕的底部，然后返回到顶部时，这两个按钮使A销售和添加产品的文本看起来不清晰和像素化。
我不知道是否有人经历过这种情况，也不知道原因，但我肯定会很感激在这方面提供一些帮助。
这个问题只发生在我的iPhone 14 Pro三星Galaxy S21上。这不会发生在我的iPhone 7上
在这张图片中，您可以看到，这两个按钮--文本--不像屏幕文本的其余部分那么清晰。
屏幕的主要构建功能：
return Scaffo
浏览 3提问于2022-10-16得票数 1
回答已采纳
在单击文本字段取消焦点后，当用户在TextField外部单击时，我想调用一个函数。 return new GestureDetector(
onTap: () {
FocusScope.of(context).requestFocus(new FocusNode());
print('hey');
},
child: Container(
color: Colors.white,
child: TextField(
onChanged: (text) {},
浏览 18提问于2020-12-31得票数 0
回答已采纳
这是我在flutter中定义的GestureDetector： return GestureDetector(
behavior: HitTestBehavior.opaque,
onHorizontalDragStart: _onHorizontalDragStart,
onHorizontalDragUpdate: _onHorizontalDragUpdate,
onHorizontalDragEnd: _onHorizontalDragEnd,
child:
Contain
浏览 25提问于2020-11-20得票数 0
回答已采纳
我正在尝试在flutter应用程序中实现一个列表。这是我的身体： Container(
padding: EdgeInsets.fromLTRB(35.0, 40.0, 0.0, 0.0),
child: Column(
children: <Widget>[
Text(
date,
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 30.0,
color: Colo
浏览 18提问于2020-03-28得票数 0
回答已采纳
尝试通过将PageView包装在GestureDetector中来使其后面的小部件可点击，但不起作用。有没有其他方法可以做到这一点？
new GestureDetector(
behavior: HitTestBehavior.translucent,
child: new PageView(
controller: _pageController,
children: _buildForegroundPages(),
),
),
浏览 0提问于2018-03-27得票数 7
2回答
我有一台recyclerView。当用户向右或向左滑动时，执行一些操作。请注意，我不是要求回收者查看项目滑动，但整个回收者查看手势左或右。
为此，我扩展了View.OnTouchListener并尝试获得如下手势
public class OnSwipeTouchListener implements View.OnTouchListener {
private final GestureDetector gestureDetector;
public OnSwipeTouchListener(Context ctx) {
gestureDetector = new Gesture
浏览 0提问于2018-06-05得票数 2
3回答
我正试图在安卓系统的Canvas上刷新DoubleTap。我在自定义的GestureDetector中使用View。
final GestureDetector mDetector = new GestureDetector(
getContext(), new GestureDetector.OnGestureListener() {
@Override
public boolean onDoubleTap(MotionEvent e) {
invalidate();
return true;
}
}
但我知道错误了
类型为
浏览 2提问于2015-08-16得票数 2
回答已采纳
嗨，在Flutter中，我有一个TextFormField和一个GestureDetector。问题是，当TextFormField具有焦点(用户正在键入)，然后用户单击GestureDetector时，onTap不会被调用，因此用户必须单击两次才能从TextFormField中移除焦点，并再次单击以激活GestureDetector，这对用户来说是令人恼火的。即使TextFormField有焦点，也能检测到轻击吗？谢谢!
浏览 37提问于2020-06-21得票数 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
回答已采纳
有没有办法在Flutter中长时间按住BottomNavigationBar的项目？
我看到了"onTap“事件处理程序，但没有看到其他任何东西，而且我也不能将这些项包装到GestureDetector中。
我可以将整个BottomNavigationBar部分包装到GestureDetector中，但在这种情况下，不可能知道按下了哪一项:-/
提前感谢！
浏览 2提问于2019-05-31得票数 0
2回答
我是android的新手，现在我正在做一个webview应用程序，其中我必须禁用双击缩放，但保持setwideviewport(true)。我通过搜索得到了一个解决方案，但是我不能将这个类实现到我的activity.please中，help.Here是我的活动。
User_reg.java
package com.example.samworkshops;
import android.os.Bundle;
import android.os.SystemClock;
import android.annotation.SuppressLint;
import android.app.Act
浏览 2提问于2014-02-12得票数 1
升级我的应用程序从角4到角5，虽然我可以运行ng服务-观看没有错误。当我试图加载项目的页面时，我会收到此错误消息。
MatToolbar:尝试组合不同的工具栏模式。显式地指定多个<mat-toolbar-row>元素，或者只将内容放置在单个行的<mat-toolbar>中。
它指的是下面的代码，在不同的页面上，我经常在我的应用程序中这样做。
profile.component.html
<div id="profile" class="body-1">
<mat-toolbar color="p
浏览 3提问于2017-11-12得票数 0
回答已采纳
我可以创建一个像新主题()这样的主题，并在广播旁边使用。我想知道使用工厂方法Subject.create(可观察到的)有什么好处，它是正确的用例场景
浏览 3提问于2017-12-19得票数 4
1回答
我正在使用Xamarin来构建Google应用程序，而且还没有能够让GestureDetector触发任何OnGesture事件。以下是我迄今尝试过的：
活动中的：
using Gesture = Android.Glass.Touchpad.Gesture;
using GestureDetector = Android.Glass.Touchpad.GestureDetector;
private GestureDetector _gestureDetector;
protected override void OnCreate(Bundle bundl
浏览 2提问于2014-01-14得票数 2
回答已采纳
我正在放大双击的图像视图到一些特定的点。在双击事件中，它完美地放大了，但我也想实现放大的功能，当用户双击图像时，图像被放大，但是当他再次双击时，放大的图像必须回到原来的大小，这是如何做到的？任何帮助都将不胜感激，这是我的代码
ImageView iv;
private Matrix matrix = new Matrix();
Bitmap bmp = Bitmap.createScaledBitmap(BitmapFactory.decodeResource(
getResources(), R.drawable.demoimg), size.x, size.y, true);
i
浏览 14提问于2016-10-14得票数 0
回答已采纳
2回答
我的UI屏幕基本上是使用Column小部件呈现的，在这个小部件中，我插入了所有其他UI组件。其中一个恰好是Row (由2个文本字段组成)。这是行小部件：
var phoneNumber = new Row(
children: <Widget>[
new Padding(
padding: const EdgeInsets.all(20.0),
child: countryCodePicker,
),
new Padding(
padding: const EdgeInsets.all(20.0),
chi
浏览 0提问于2019-03-19得票数 30
回答已采纳
希望在单击TextFormField而不是键盘时显示日期选择器。我试过使用GestureDetector，但没有像我预期的那样工作。
DateTime _date = new DateTime.now();
TimeOfDay _time = new TimeOfDay.now();
Future<Null> _selectedDate(BuildContext context) async {
final DateTime picked = await showDatePicker(
context: context,
initialDate: _d
浏览 1提问于2018-08-18得票数 10
我正在使用一个包，其中行和GestureDetector位于包端，因此我希望在GestureDetector /包装文本小部件中有一个解决方案，而不必使用宽度为的容器来解析溢出的文本
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home
浏览 7提问于2021-04-18得票数 0
我用MainActivity编写了一个简单的代码，其中包含了以前成功运行的xml代码。现在，我想创建一个片段并在该片段中运行MainActivity代码。我已经尝试了一切，即使合并了这两种代码等等，但都是徒劳的。我在下面附加我的MainActivity代码。这是我想用的碎片。我已经知道片段就像一个活动的子活动，并且都有单独的xml，我也知道如何使用。只是不能使用我的MainActivity代码从旧应用程序作为FragmentActivity在一个新的应用程序。
1) MainActivity代码，它需要充当片段
package com.ranatalha.userauthority;
imp
浏览 4提问于2016-06-21得票数 0
回答已采纳
我将屏幕分割成3/5，在底部添加了"table"小部件。但我希望底部可以滚动。我添加了SingleChildScrollView，但它不起作用。我该怎么办？
void main() {
runApp(
MaterialApp(
home: HomePage(),
),
);
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState ex
浏览 1提问于2020-11-29得票数 3
回答已采纳
我一直在尝试用GestureDetector制作一个自定义的可滚动小部件来访问速度和其他东西，但是为了防止PageView在值上变得疯狂，我试图用总呈现大小来限制它。是否有更好的方法来完成此操作，以及如何访问呈现大小？
import 'dart:math';
import 'package:flutter/material.dart';
typedef IndexedWidgetBuilder = Widget Function(BuildContext context, int index);
class CustomScrollable extends
浏览 5提问于2022-08-02得票数 0
我正在设计一个配置文件图像小部件，我需要执行两个不同的任务。
编辑图标将更改配置文件图像，单击图像将放大图像，但我得到了以下错误：
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
回答已采纳
1回答
我已经将提供程序包添加到我有两个屏幕的应用程序中。当用户点击应用程序上的一个小图像时，它会改变另一个屏幕上的主背景图像。我在两个屏幕上都调用了提供程序和类，但它没有在Positioned.fill中返回'myValue‘。 带有需要更改的背景图像的主页屏幕： import 'package:flutter/material.dart';
import 'package:flutter_app_background/small_images.dart';
import 'package:flutter/cupertino.dart';
i
浏览 24提问于2020-10-23得票数 0
回答已采纳
3回答
颤振文本宽度和高度匹配父级
、、、、
我想要实现设置文本的宽度和高度，它的父大小。这是我试过的，但不起作用：
Container(
height: double.infinity,
child: Padding(
padding: const EdgeInsets.only(left: 30, right: 30),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAli
浏览 7提问于2020-08-13得票数 0
回答已采纳
1回答
我试图让PageView后面的小部件可以点击，方法是将它封装在GestureDetector上，但是它不起作用。
我还有别的办法可以做到吗？
我的代码：
new GestureDetector(
behavior: HitTestBehavior.translucent,
child: new PageView(
controller: _pageController,
children: _buildForegroundPages(),
),
),
浏览 0提问于2018-11-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
