当前位置: 首页 > article >正文

Flutter踩坑记录(二)-- GestureDetector+Expanded点击无效果

Expanded是自动扩展布局,它可以用于Row, ColumnFlex布局中。Expanded部件会尝试占用尽可能多的空间。

但是在GestureDetector中,点击事件会无效:

解决方法

给GestureDetector包裹的最外层Widget加一个背景色:

GestureDetector(
      onTap: onTap,
      child: Container(
        color: Colors.transparent,
        height: 50,
        margin: const EdgeInsets.only(left: 10, right: 10),
        child: Stack(
          alignment: Alignment.center,
          children: [
            Row(
              children: <Widget>[
                Image.asset(image),
                Container(
                  margin: const EdgeInsets.only(left: 10),
                  child: Text(
                    title,
                    style: const TextStyle(fontSize: 16),
                  ),
                ),
                Expanded(child: Container()), //自动扩展挤压
                Image.asset(
                  'assets/images/community_icon_right.png',
                  width: 20,
                )
              ],
            ),
          ],
        ),
      ),
    );

http://www.kler.cn/a/402987.html

相关文章:

  • “AI玩手机”原理揭秘:大模型驱动的移动端GUI智能体
  • AR智能眼镜|AR眼镜定制开发|工业AR眼镜方案
  • 一种简单高效的RTSP流在线检测方法,不需要再过渡拉流就可以获取设备状态以及对应音视频通道与编码格式
  • 观察者模式和订阅模式
  • 快速图像识别:落叶植物叶片分类
  • 人工智能|计算机视觉——微表情识别(Micro expression recognition)的研究现状
  • mysql中between and怎么用
  • 使用Go语言实现一个简单的HTTP服务器,提供静态文件服务。
  • Python 编程开发(01):Bash 命令行基本操作
  • HarmonyOS4+NEXT星河版入门与项目实战--------开发工具与环境准备
  • 研发效能DevOps: Vite 使用 Axios 实现数据双向绑定
  • C#实现数据采集系统-分组查询
  • 云原生学习
  • 图形学笔记 - 4. 几何 - 基本表示方法及曲线和曲面
  • 大数据入门-什么是Flink
  • 南京邮电大学算法设计-二叉树先序遍历算法动态演示
  • Springboot项目搭建(2)-用户详细信息查询
  • k8s搭建1.23版本
  • 从零开始深度学习:全连接层、损失函数与梯度下降的详尽指南
  • 【西瓜书】对数几率回归(逻辑回归)的概念与表示
  • 生成式语言模型 三范式 预训练、微调、强化反馈学习
  • 深度神经网络中不同的卷积层提取的特征有什么不同?
  • 企业项目级IDEA编辑器设置类注释、方法注释模板(仅增加@author和@date)
  • 【Linux系统编程】第四十七弹---深入探索:POSIX信号量与基于环形队列的生产消费模型实现
  • React中常用的钩子
  • 深度学习神经网络中的优化器的使用