- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我从flutter开始,使用onTap()有问题。
我使用 adobeXd 来制作我的模板,但我似乎无法放置 GestureDetector 和 InkWell 小部件。
Transform.translate(
offset: Offset(MediaQuery.of(context).size.width / 30, 132.0),
child:
Stack(
children: <Widget>[
Transform.translate(
offset: Offset(MediaQuery.of(context).size.width / 1.7, 1.0),
child:
InkWell(
onTap: (){
setState(() {
actu = true;
});
print('ink');
},
child: Stack(
children: <Widget>[
Container(
width: MediaQuery.of(context).size.width / 2.85,
height: 36.0,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(19.0),
color: const Color(0x35ffffff),
),
),
Transform.translate(
offset: Offset(MediaQuery.of(context).size.width / 3.7, 6.0),
child:
// Adobe XD layer: 'Icones/actualiser' (component)
XDIconesactualiser(),
),
Transform.translate(
offset: Offset(MediaQuery.of(context).size.width / 21.47, MediaQuery.of(context).size.height / 110),
child:
SizedBox(
width: 75.0,
height: 27.0,
child: Text(
'Actualiser',
style: TextStyle(
fontFamily: 'OpenSans-SemiBold',
fontSize: 14,
color: const Color(0xffffffff),
),
textAlign: TextAlign.left,
),
),
),
],
),
),
)
],
),
),
onTap 不起作用。似乎是当它在 Stack 或 Transform 中时。你能帮帮我吗?
编辑:
事件未触发。没有任何事情发生,就好像它不存在一样。当我在开发工具中查看树时,出现了墨水瓶,但是当我点击手机时没有任何反应
编辑 2:
我想要这样的结构
但是当我停用偏移量以使点击起作用时。我明白了
最佳答案
我遇到了同样的问题。将 Inkwell 的 child 包裹在 IgnorePointer
中解决了这个问题。
在这里解决:Flutter - InkWell not reacting to onTap inside Flexible
关于Flutter - Ontap InkWell 在 Stack 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62861735/
假设我有这个小部件: Card( child: InkWell( onTap: () {}, child: Padding( padding: const EdgeIn
body: InkWell( onTap: (){ print("optap"); }, child: Container(
我使用 Inkwell 来添加一些效果,但是这个小部件也监听 onTap 事件。我不想要这个;我只希望它监听 onDoubleTap 事件,然后通过 Accent Widget(一个 TabBar,默
我正在构建我的第一个 Flutter 应用程序,我想创建一个简单的布局:一个背景图像和一个半透明的 Material 按钮。 我的 Widget 树非常简单,但是 InkWell/Ripple 不可见
点击容器会触发 onTap() 处理程序,但不会显示任何墨水飞溅效果。 class _MyHomePageState extends State { @override Widget buil
在做了一些研究之后,我尝试用 InkWell 包裹 ListTiles获取 onTap涟漪效应,但它似乎不起作用。这就是我所拥有的: return AnimationLimiter( ch
我是 Flutter 开发的新手,在我学习的过程中,我遇到了响应触摸的 Ink 小部件,同时还显示了一些动画飞溅效果。 但是,有两种几乎相似的小部件类型,即 InkWell 和 InkResponse
假设你有几个嵌套的 InkResponse ,如果你点击内部的,所有的父元素实际上都会触发飞溅效果,即使它们会在点击区域中为正确的点击小部件松动。效果将是这样的: 如何防止此类行为?如何显示飞溅 只有
我有一个问题。我有一个 InkWell 小部件,但我不希望它有启动画面动画。有没有办法摆脱这个动画? 最佳答案 如果您不关心启动动画,请不要使用 InkWell。该小部件仅为此而存在。 而是使用 Ge
我正在用 flutter 编写我的第一个应用程序,并遇到了 InkWell 在被点击时无法检测到的问题。这是一个比我能找到的例子更复杂的结构。我写了以下函数: class ChatOverviewEl
我在 Flutter 中复制普通设置菜单时遇到问题。我正在使用 InkWell 来尝试创建通常在您点击设置选项时出现的飞溅效果。问题是飞溅效果与正常情况相比显得太快了。基本上,我只是想放慢 InkWe
我是 flutter 的新手,我的第一步已经导致了我无法通过自己或搜索此网站解决的错误.. 我想创建一个按钮,但据我所知得到了缺少方向性的异常(exception)情况。唯一需要 textDirect
我正在尝试在卡片小部件上实现和 inkWell 包装,但它根本不起作用。我将点击保留为空,因为该类需要 3 个参数,我稍后会填充这些参数以生成多张卡片。我看不到阻止 InkWell 产生涟漪的原因,因
我有一个这样的小部件测试,我可以用 actionKey 找到小部件,但敲击测试失败且 tapped tester.tap(...) 之后的值为假,我的测试有什么问题? testWidgets('som
我是 flutter 的新手,我有一个计数器按钮,我想防止它被多次触摸。 Tap 函数在 Inkwell 组件下定义 (onTap: () => counterBloc.doCount(context
在处理应用程序时,我们有一个实例,我们希望卡片上有一个墨水池以及卡片上的一个按钮(也有一个墨水池)。但是,我一直无法确定一种方法来分离手势,以便只调用用户点击下的墨水瓶。就像今天一样,水龙头似乎“流过
我在 Row 中添加 InkWell 作为 Widget,但它抛出了一个错误: flutter: ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞══════════
我在 FloatingActionButton 中有一个 PopupMenuButton。但它的 InkWell 不是圆形的,而是标准的方形。我怎样才能做到这一点? 最佳答案 使用 InkWell 的
我是 Flutter 的新手,了解了 InkWell 和 GestureDetector。在我看来,它们几乎是一样的。官方文档没有提供它们之间的任何深入比较。 InkWell 和 GestureDet
我想使用 GestureDetector,因为它有 onTapDown 回调,但也有不错的 InkWell 飞溅效果。 这两个可以一起使用吗? 最佳答案 如果你想无条件地处理没有gesture dis
我是一名优秀的程序员,十分优秀!