美文网首页
Flutter之阻断手势冒泡

Flutter之阻断手势冒泡

作者: 刘铁崧 | 来源:发表于2020-12-10 12:52 被阅读0次

两种解决方案:

  1. 通过Stack布局,解除两个widget的嵌套关系
    2.通过IgnorePointer忽视事件传递
      body: Center(
        child: Stack(
          alignment: Alignment.center,
          children: [
            GestureDetector(
              onTapDown: (gesture){
                print("绿色");
              },
              child: Container(
                height: 200,
                width: 200,
                color: Colors.green,
              ),
            ),
            IgnorePointer(
              child: GestureDetector(
                onTapDown: (gesture){
                  print("红色");
                },
                child: Container(
                  height: 100,
                  width: 100,
                  color: Colors.red,
                ),
              ),
            )
          ],
        )
      ),

相关文章

  • Flutter之阻断手势冒泡

    两种解决方案: 通过Stack布局,解除两个widget的嵌套关系2.通过IgnorePointer忽视事件传递

  • Flutter无限轮播Banner

    Flutter无限轮播Banner实现 [TOC] 手势 ​ Flutter中的手势系统有两个独立的层。第一层...

  • Flutter 4. 手势和资源文件

    1.手势 Flutter中提供的手势检测组件为GestureDetector,可以为child组件赋予手势响应。 ...

  • ios多手势传递,用于页面头部悬浮滚动

    /* 是否允许多个手势识别器共同识别,一个控件的手势识别后是否阻断手势识别继续向下传播,默认返回NO;如果为YES...

  • Flutter 小技巧——手势处理

    Flutter手势处理 在Flutter中的手势事件分为两层。第一层有原始指针事件,它描述了屏幕上指针(例如,触摸...

  • Flutter 手势

    这一篇简单说说Flutter的手势。 自身支持手势的Widget 如果某个Widget本身支持事件监测,那直接给他...

  • flutter 手势

    先放代码: 运行效果: 在页面可进行轻点、双击、长安,控制台打印相应的调用方法: HomePage也可以是其他Wi...

  • Flutter 之 手势原理与手势冲突 (五十)

    手势的识别和处理都是在事件分发阶段的 1.手势识别原理 GestureDetector 是一个 Stateless...

  • Flutter_点击事件和手势

    Flutter_点击事件和手势 Flutter中的手势系统有两个独立的层。第一层具有原始指针事件,其描述屏幕上指针...

  • js处理手势冲突之冒泡用法

    嵌套的div元素,如果父级和子元素都绑定了一些事件,那么在点击最内层子元素时可能会触发父级元素的事件,下面介...

网友评论

      本文标题:Flutter之阻断手势冒泡

      本文链接:https://www.haomeiwen.com/subject/txtkgktx.html