flutter 开发中的tips 【持续更新】
文章目录
-
- 1、使用GestureDetector 包裹的Row,在点击行中的空白区域时无响应
- 2、常见创建Widget的方式
- 3、闭包调用 封装判断逻辑
- 4、ListView 添加顶部偏移量
- 5、 Getx 中的响应式类型
1、使用GestureDetector 包裹的Row,在点击行中的空白区域时无响应
在Flutter中,GestureDetector
包裹 Row
组件时,点击 Row 的空白区域可能不会触发 onTap
事件,主要原因可能是 Row 的大小问题。 通过多次尝试,找到可行的方案如下:
方案: 使用 behavior: HitTestBehavior.opaque
如果 Row 过小或者透明
,Flutter 可能无法检测到点击事件。可以设置 GestureDetector 的 behavior
以确保即使点击空白区域也能触发事件。
GestureDetector(
behavior: HitTestBehavior.opaque