GestureDetector ontap不起作用，但双击起作用。颤动
GestureDetector是Flutter中的一个手势识别器，用于识别用户在屏幕上的手势操作，例如点击、双击、长按、拖动等。在Flutter中，可以通过GestureDetector的onTap属性来监听用户的点击操作。
对于您提到的情况，GestureDetector的onTap不起作用，但双击起作用，可能是由于以下几个原因：
- GestureDetector没有正确包裹在可点击的组件上：确保GestureDetector包裹在可点击的组件（如Container、Button等）上，并且设置了适当的大小。
- GestureDetector的onTap属性没有正确设置回调函数：确保onTap属性的值是一个函数，并且函数中包含了您希望执行的操作。例如，您可以将onTap属性设置为一个匿名函数，该函数中执行您的点击操作。
- GestureDetector的点击区域被其他组件遮挡：如果GestureDetector被其他组件遮挡，可能导致点击事件无法触发。您可以尝试调整组件的层级关系或使用Stack组件来确保GestureDetector处于可点击区域的最上层。
如果您仍然无法解决问题，可以提供更多的代码或上下文信息，以便更好地帮助您解决问题。
关于Flutter中的手势识别器，您可以参考腾讯云的Flutter手势识别器文档，了解更多相关信息：Flutter手势识别器文档
相关·内容
1回答
我有4个选项卡，最后一个是带图标的选项卡。我想更改最后一个选项卡的宽度，使其更小。所以，它看起来会更好。使用Container和给出宽度都不起作用。有什么建议可以让它工作吗？ ? TabBar(
controller: _controller,
labelColor: Color(0xff666666),
indicatorColor: Colors.transparent,
unselectedLabelColor: Color(0xff666666),
tabs: <Widget>[
GestureDetector(
onTap
浏览 28提问于2020-02-02得票数 0
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
0回答
创建一个学习Flutter回调的示例。增加GestureDetetor的计数器onTap是一个简单的程序，但是回调方法不起作用。计数在热重新加载时增加，但不在分流时增加。下面是带有注释的代码。
class BoxState extends State<ChangeBoxState>{
int _counter = 0;
//Callback method changes the state onTap of GestureDetector widget. It is not calling onTap.
increaseCount(){
setState(()
浏览 4提问于2018-07-13得票数 1
回答已采纳
我正尝试在我的ListView小部件上添加一个包含图片的GestureDetector，但它似乎不起作用。以前也有人问过类似的问题，但也无济于事。
下面是我的代码：
ListView.builder(
scrollDirection: Axis.horizontal,
itemBuilder: (BuildContext ctx, int index) {
return Container(
width: 160,
child: Card(
浏览 26提问于2020-11-13得票数 0
这是我在flutter中定义的GestureDetector： return GestureDetector(
behavior: HitTestBehavior.opaque,
onHorizontalDragStart: _onHorizontalDragStart,
onHorizontalDragUpdate: _onHorizontalDragUpdate,
onHorizontalDragEnd: _onHorizontalDragEnd,
child:
Contain
浏览 25提问于2020-11-20得票数 0
回答已采纳
我正在添加一个图像作为图标在appbar的领先位置。但是它的宽度和高度不起作用，我试着把它包装在一个容器里，给出宽度和高度，但不知道为什么它不减少
leading: Padding(
padding: const EdgeInsets.only(left: 5),
child: GestureDetector(
onTap: () {
setState(() {
xOffset = 280;
浏览 0提问于2020-11-25得票数 0
11回答
如何检测颤动中的扫动
、、、、
我试过使用flutter的swipe检测器插件来实现在swipe right上导航到新屏幕，但它不起作用，没有抛出错误，当我调试它时，断点也不会命中。我看了看GestureDector，但我不确定它是否适用于向右滑动的情况，我们希望当屏幕上的任何地方向右滑动时，它都能导航到屏幕。
下面是我使用插件编写的代码
@override
Widget build(BuildContext context){
return new Scaffold(
appBar : LBAppBar().getAppBar(),
//drawer: new LBDrawer().getDrawer(),
b
浏览 10提问于2019-03-08得票数 32
我使用Modal_bottom_sheet 2.0.0制作了一个模型。我有一些代码： GestureDetector(
child: Icon(Icons.arrow_upward),
onTap: () => {
CupertinoScaffold.showCupertinoModalBottomSheet(
expand: true,
浏览 16提问于2021-06-22得票数 0
我有一个GestureDetector，它的孩子是一个行。在GestureDetector 'ontap‘上，我想调用一个名为MyApp的类来打印入口值，但它在GestureDetector的'ontap’上不起作用。在GestureDetector之外调用类可以很好地工作。我能为它做些什么？
浏览 7提问于2021-10-04得票数 2
如果我使用ontap，Gesturedetector无法工作，但如果我将其更改为双击，则Gesturedetector可以工作。 Widget build(BuildContext context) {
return Container(
color: _color,
child: GestureDetector(
onTap: () {
print('object');// does not work but if I change it to onDoubleTap it works.
},
child: SizedBox(
浏览 84提问于2021-04-02得票数 1
回答已采纳
2回答
我正在尝试在我的flutter应用程序中更改屏幕，该应用程序名为BMI计算器，问题是每当我尝试进入新屏幕时，它都不起作用，它会给我一个黑色的空白屏幕 ? 代码是 GestureDetector(
onTap: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) {
return ResultsPage();
}
浏览 27提问于2021-01-13得票数 0
我是新来的。为什么墨水井的onTap不起作用？我在每一个地方都试过了，但它不起作用。我在做什么错事？还有其他的选择吗？
InkWell(
onTap: ()=>Search_box(),
child: Padding(
padding: const EdgeInsets.only(top: 5),
child: InkWell(
onTap: ()=>Search_box(),
child: Container(
height: 40,
// search wala container
浏览 6提问于2022-05-07得票数 0
回答已采纳
有没有一种方法可以在执行DropdownButton函数时关闭包含所有DropdownMenuItems的onTap的选择菜单(GestureDetector在DropdownMenuItem中)？ 以下是我对Alperen Baskaya方法的实现(版本稍有缩减，以便理解)。然而，这种方法还不起作用，我不确定这是因为我没有正确地实现它，还是因为这种方法不适用于我的问题。 class _BoatSelectionState extends State<BoatSelection> {
FocusNode focusNode;
@override
void ini
浏览 58提问于2021-05-08得票数 0
回答已采纳
我正在尝试更改用户使用GestureDetector单击的元素的颜色：
new GestureDetector(
onTap: (){
// Change the color of the container beneath
},
child: new Container(
width: 80.0,
height: 80.0,
margin: new EdgeInsets.all(10.0),
color: Colors.orange,
),
),
问题是我不能在onTap中使用setState。否
浏览 0提问于2017-05-19得票数 2
回答已采纳
当以这种方式点击对象时，我才能运行动画？ class _MyHomePageState extends State<MyHomePage> {
bool isOpen = false;
@override
Widget build(BuildContext context) {
return Center(
child: GestureDetector(
onTap: () {
setState(() {
isOpen = !isOpen;
});
}
浏览 14提问于2019-04-07得票数 1
回答已采纳
(即，ontap >导航发生>后退单击，再一次ontap >无导航)
GestureDetector(
onTap: () => model.navigateToSetting(),
child: ListTile(
title: Text(
'Settings',
浏览 5提问于2022-09-28得票数 0
如果
onTap: changeName,
void changeName() {
setState(() {
name = "Your own codes";
});
}
然后，如何将数据传递给changeName函数。喜欢,
onTap: changeName(data),
changeName(data){
setState({
name = data;
})
}
我有多个使用相同onTap函数的GestureDetector。但是，唯一不同
浏览 1提问于2019-10-21得票数 0
回答已采纳
1回答
颤动画布不重绘
、、、
在用户点击之后，我希望画布重新绘制，但它从来没有这样做。我尝试使用setState并返回不同的画笔，但似乎都不起作用。如果我翻转屏幕或者用它自己替换页面，它会被重新绘制，但这真的很低效，看起来也不好。我试着自己研究这个问题，但所有可能的答案都太令人困惑，无法理解，或者根本不起作用。任何帮助都将不胜感激。
以下是代码的相关部分：
import 'package:flutter/material.dart';
class Playpage extends MaterialPageRoute<Null> {
Playpage() : super(builder: (
浏览 5提问于2020-12-31得票数 1
有谁知道这个错误是什么吗？我想有些孩子不可能被安置在什么东西里面？
接收不兼容父数据的RenderObject的所有权链是：_GestureSemantics←RawGestureDetector←GestureDetector←Extended←ColoredBox←Container←Padding←ColoredBox←ConstrainedBox←←⋯←⋯
Container(
height: 35,
width: 150,
color: Co
浏览 1提问于2020-09-10得票数 3
回答已采纳
1回答
如何绕过画板？
我想把我的按钮在屏幕底部移动一点
我使用的是bottomNavigationBar，但我的按钮是从屏幕底部往下看
bottomNavigationBar: Row(
children: [
Expanded(
child: GestureDetector(
child: SizedBox(
width: 190,
height: 190,
child: FlareActor(
'assets/Plus_Animat
浏览 4提问于2020-09-06得票数 1
2回答
我想创建自定义onTap (或GestureDetector "indicator“提供的任何其他onTap回调)，其中内容(子级)被缩小，文本变暗，如下所示： ? 是否已经有针对该类型动画的预构建包？如果没有，你至少可以修复下面的代码片段。 我尝试使用AnimationController、Transform.scale和各种组合的onTap回调创建一个回调函数，但它的响应非常慢(总是“卡住”)。 下面是一个基本的代码片段： double squareScaleA = 1;
AnimationController _controllerA;
@override
v
浏览 16提问于2020-08-17得票数 0
回答已采纳
我是新手，如何将图片搜索设置为图片菜单的layoutToRight？现在在这一部分有困难
我的代码如下：
return MaterialApp(
theme: ThemeData(
primarySwatch: Colors.red,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home:Scaffold(
appBar: PreferredSize(
preferredSize: Size.fromHeight(45.0),
child: AppBa
浏览 4提问于2020-05-14得票数 0
回答已采纳
1回答
我正在编写小部件，用来测试用户选择的不同值的库比蒂诺选取器。我找不到任何好的教程。我遵循了这个，但这对我的情况不起作用。在我的例子中，当用户从picker中选择值时，测试用例应该检查用户选择的是正确的值还是默认值。
库比蒂诺Picker代码：
List<String> ages1 = ["-- select --"];
List<String> ages2 = List<String>.generate(
45, (int index) => (21 + index).toString(),
growable: fal
浏览 2提问于2018-11-21得票数 1
1回答
我需要一点帮助。
当用户处于非活动状态已有5分钟时，我想断开用户与应用程序的连接。所以我使用了这个解决方案：
当用户点击一个不可点击的小部件时，它可以完美地工作。例如，当我点击文本小工具时，计时器重新启动没有问题，但当我点击RaisedButton或ListTile时，计时器没有重新启动。
所以，我想知道这是怎么可能的，例如使用下面的代码：
GestureDetector(
onTap: () => print("gestureDetector"),
child: RaisedButton(
onPressed: () => print("r
浏览 12提问于2019-11-27得票数 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
1回答
我在列表视图中有一行，它不能与列表视图的其余内容一起滚动我想要的是可滚动的，顺便说一句，listview里面的卡片可以滚动，但不是行，我试着把它放在一个堆栈中，但仍然存在同样的问题 以下是我的代码 return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar()
body: ListView(
scrollDirection: Axis.vertical,
shrinkWrap: true,
children: [
Row(
mainAxisAlignmen
浏览 10提问于2021-08-22得票数 0
回答已采纳
3回答
在安卓中，我们可以调用setOnFocusChangeListener()，在onFocusChanged()方法中做一些事情，但flutter不像GestureDetector中的onTap()或RawKeyboardListener中的onKey()那样提供onFocus()接口。
我读过flutter关于focus，，但是我找不到一个方法来实现我的请求，谁能帮我一把？
浏览 0提问于2017-12-25得票数 71
回答已采纳
我正在构建一个应用程序，其中用户可以访问画廊或相机的视频，但我想静音的音量，同时运行的视频。我已经添加了音量增加和音量静音图标。下面是视频播放器和图标的代码。 Stack(
children: <Widget>[
AspectRatio(
aspectRatio: 16/9,
child: VideoPlayer(_controller),
),
浏览 21提问于2019-09-23得票数 2
4回答
我有一个颤振TextField，当字段被选中时，它会被软键盘覆盖。当键盘显示的时候，我需要滚动这个字段。这是一个非常常见的问题，在这个中给出了一个解决方案。
我想我已经找到了ScrollController部分，但是如何检测TextField何时被选中？似乎没有任何事件方法(例如onFocus()、onSelected()、onTap()等)。
我试着用GestureDetector包装TextField，但这也不起作用--很显然，这个事件从未被捕获过。
new GestureDetector(
child: new TextField(
decoration: const Inp
浏览 0提问于2018-03-17得票数 85
回答已采纳
1回答
我正在尝试使用列中的扩展窗口小部件，我已经尝试了各种方法，但似乎什么都不起作用！
到目前为止，我已经成功地构建了以下代码：
但正如它所显示的，我放在展开的小部件中的列表视图位于其他小部件下(展开的小部件正在滚动，但上面的小部件处于固定位置)，我尝试将展开的小部件放入另一列中，还尝试将这两个列放入单独的展开的小部件中，但似乎都不起作用。
我真的很感谢你的帮助
下面是我生成上面图片的代码：
import 'package:fluapp/constants.dart';
import 'package:fluapp/models/music_model.dart';
浏览 16提问于2020-05-08得票数 0
回答已采纳
如果您将onTap & onDoubleTap与一个InkWell并行使用，那么一个抽头就会延迟(300 an )。我知道识别双击需要时间，但效果延迟，这是一种糟糕的用户交互感觉。
我尝试过的：，我发现，只要任何tap事件回调都被调用，InkWell效应就是星体效应。如果仅使用onTap，则回调和效果在第一次触摸时立即启动；如果使用onTap和onDoubleTap，效果会延迟。
我也尝试过使用onTapDown，但这也会被延迟(possilbe？)
child: InkWell(
onTap: () { print("Tap"); },
浏览 3提问于2020-04-15得票数 2
回答已采纳
1回答
我试图添加一个图标在我的应用程序中，只有当一个条件是真的，而且我希望它是动态添加的，这是一个伪代码，我试图在其中工作： subtitle: Row(
children: <Widget>[
Container(
child: HebrewText(helpRequest.description),
//alignment: Alignment.centerLeft,
padding: const EdgeInsets.only(top: 8, left: 8),
),
Spacer(),
浏览 13提问于2021-01-02得票数 0
回答已采纳
1回答
我在测试ListView中的项的"tap函数“，但它似乎不起作用。当我点击列表时，打印函数不起作用。
return Scaffold(
appBar: AppBar(
// App Bar
title: Text(
"ListView On-Click Event",
style: TextStyle(color: Colors.grey),
),
elevation: 0,
浏览 5提问于2022-06-07得票数 0
这是main.dart
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
SystemChrome.setPreferredOrientations([
DeviceOrientation.portraitUp,
]);
return MaterialApp(
title: 'List',
debugShowCh
浏览 0提问于2020-03-17得票数 4
我想在调用provider函数时查看更新列表项。但它不起作用。在将normal View更改为FutureBuilder之前，它起作用了。我试着用StreamBuilder代替，也不起作用。
我该如何解决这个问题呢？
下面是提供程序：
class SelectArtistProvider extends ChangeNotifier {
List<Map> artists = [];
...
Future initArtistListVM() async { //for Future Builder
var allArtists =
await
浏览 6提问于2020-07-30得票数 0
对于onTap事件，我对GestureDedector有个问题。我也试过卡，但不起作用。当我敲击大小盒子时，什么都不会发生。
GestureDetector(
onTap: () => GoToPage(),
child: SizedBox(
child: Card(
child: Center(
child: Padding(
浏览 11提问于2021-09-06得票数 4
回答已采纳
我试图让一个GestureDetector在堆栈中工作，上面有一个容器，但是onTap回调从未被调用过。
如您所见，即使在HitTestBehavior.translucent中，它也不起作用
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Stack(
children: <Widget>[
GestureDetector(
behavior
浏览 1提问于2019-08-12得票数 28
回答已采纳
1回答
创建颤动图像轮播
、、、、
我怎样才能像下面的例子一样创建一个图像轮播？
我用下面的代码试了一下，但那只是把图片放在一起。
Widget build(BuildContext context) {
return Container(
width: 150,
child: CarouselSlider(items: ['https://picsum.photos/200/300','https://picsum.photos/200/300','https://picsum.photos/200/300'].map((i) {
return Builder(
浏览 17提问于2019-10-30得票数 0
回答已采纳
我有这样的东西：
import 'package:flutter/material.dart';
class MyWidget extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return _MyWidgetState();
}
}
class _MyWidgetState extends State<MyWidget> {
bool loading = true;
@override
Widget build(Buil
浏览 1提问于2019-02-09得票数 16
回答已采纳
我想在我的Flutter应用程序中使用Lottie Animation作为微交互。我想这个动画播放时，用户点击它。在阅读了Lottie包的文档后，我知道了如何添加动画以及如何显示它。但我还不明白如何使用手势检测器onTap属性启动动画并只播放一次。 我尝试过使用动画控制器的forward()方法，但似乎不起作用： GestureDetector(
onTap: () {
_controller.forward();
},
child: Center(
child: Lottie.asset('as
浏览 19提问于2021-01-06得票数 0
回答已采纳
在做了一些研究之后，我尝试用ListTiles包装InkWell，以获得onTap的连锁反应，但它似乎不起作用。这就是我所拥有的：
return AnimationLimiter(
child: Scrollbar(
child: ListView.builder(
shrinkWrap: true,
itemCount: widget.myItems.length,
itemBuilder: (context, index) => AnimationConfiguration.staggeredLi
浏览 6提问于2021-02-14得票数 5
回答已采纳
下面是一个简化的颤振小部件测试代码。在实际代码中可以检测到抽头和双抽头的TextField包含一个日期时间值(例如2022-10-21 14:23)。点击TextField会打开一个颤振TimeOfDay对话框。双击TextField，将HH:mm日期时间值复制到剪贴板上。
在简化的代码中，点击和双击只需在控制台上打印一个值。问题是如何在TextField上测试攻丝和双击。以下是简化的测试代码：
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
impo
浏览 7提问于2022-10-14得票数 0
GestureDetector的ontap不支持PopupMenuButton。我想在点击PopupMenuButton的时候改变方向，但是因为手势检测器的ontap没有被触发，所以我不能改变它。
我已经检查了ontap在PopupMenuButton的onSelected或onCanceled中工作，但这不是我想要做的，因为它不会改变点击应该触发的区域的箭头方向。
Widget build(BuildContext context) {
Get.find<HomeController>();
return Scaffold(
appBar: AppBa
浏览 0提问于2021-12-02得票数 0
问题：
我建造了扫雷舰和350 is太多的触发longPress事件，我需要更多的速度。我需要实现时间考虑GestureDetector，我需要200毫秒来检测长新闻事件。
如何构建我的系统：
每个按钮都使用onTap和LongPress事件。
我的测试：
我试着使用这个包：
但效果不好，因为在不同的设备中不起作用。
我已经看到了，但是onTap事件并不是这样工作的：
我需要一个方法来解决我的问题。
浏览 23提问于2022-02-22得票数 1
回答已采纳
1回答
我有一个Swagger API，我需要显示其中的数据。 我尝试了以下代码： touren.dart import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:lieferantenapp/components/myTwoLineText.dart';
import 'package:lieferantenapp/entities/tour.dart';
import 'package:lieferantenapp/var
浏览 18提问于2021-07-27得票数 1
1回答
我是Flutter和Dart的新手，正在尝试创建一个基于GestureDetector类的可单击容器类。我的容器代码如下： class CustomWidget extends GestureDetector
{
final aTitle;
CustomWidget(this.aTitle)
{
onTap() {
print("$aTitle was pressed!");
}
child: new Container(
padding: const EdgeInsets.all(8),
浏览 9提问于2020-09-19得票数 0
回答已采纳
我有三个不同的容器，我可以分别选择和取消选择，如下所示： bool 1Clicked = false;
bool 2Clicked = false;
bool 3Clicked = false;
GestureDetector(
onTap: (){
setState(() {
1Clicked = !1Clicked;
});
},
child: Container(
浏览 13提问于2021-09-06得票数 0
回答已采纳
1回答
我使用的是更具体的clickable ListWheelScrollView。()
我正在尝试在我的itemWidget中添加一个button，但是我无法点击它。这是我的list
return ClickableListWheelScrollView(
scrollController: _scrollController,
itemHeight: _itemHeight,
itemCount: months.length,
scrollOnTap: true,
onItemTapCallback: (index) {
print(index)
},
chi
浏览 9提问于2021-03-13得票数 1
我正在尝试使用ListWheelScrollView列出一个项目列表，并且我希望拥有tapping对项目的能力，但似乎onTap不起作用。
下面是一个简单的代码
List<int> numbers = [
1,
2,
3,
4,
5
];
...
Container(
height: 200,
child: ListWheelScrollView(
controller: fixedExtentScrollControll
浏览 0提问于2019-01-22得票数 3
1回答
这是我的代码，让星星一直变成黄色和灰色，但它不起作用。为什么？ Widget placeButton(BuildContext context, String name, String image, String id) {
var color;
var isClicked = true;
return Column(children: [
Padding(
padding: const EdgeInsets.fromLTRB(130.0, 0.0, 130.00, 0.0),
child: Clip
浏览 17提问于2021-08-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
