Flutter Stack+Position 未定位组件的事件会影响已经定位的组件的事件响应

最新推荐文章于 2024-08-07 15:33:27 发布

可乐我只喝百事

最新推荐文章于 2024-08-07 15:33:27 发布

阅读量486

点赞数 1

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.csdn.net/qq_45634989/article/details/130272836

版权

flutter 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

文章讲述了在Flutter开发中遇到的一个问题，即在Stack组件里设置头像、搜索框和按钮组后，头像的点击事件没有响应。作者通过分析发现Stack中未定位的组件占据了所有剩余空间，覆盖了定位组件，导致事件无法触发。解决方案是调整组件顺序，让头像位于其他定位组件之上，从而恢复事件响应。

摘要由CSDN通过智能技术生成

问题

在这里插入图片描述
我这里设置了3个部分进行定位，分别是头像、搜索框、和顶部按钮组，
设置一个没有定位的组件，顶部拖拽

代码类似下面展示

Stack(
          alignment: Alignment.center,
          fit: StackFit.expand, // 未定位widget占满Stack整个空间
          children: [
            /// 左上角头像
            Positioned(
              left: 0,
              child: Person(),
            ),
			/// 窗口移动函数
            const DragWindow(),
            /// 搜索框
            Positioned(
                top: 8,
                child: SizedBox(
                  width: MediaQuery.of(context).size.width / 3,
                  height: 32,
                  child: const SearchField(
                    hintText: "搜索联系人",
                  ),
                )),

            /// 右上角按钮
            const Positioned(
                right: 0,
                child: Row(children: [
                  ControllerButton(),
                  ControllerButton(),
                  ControllerButton()
                ]))
          ]),