Flutter高级第7篇:点击穿透问题、页面禁止左右滑动
flutter 页面 高级 点击 滑动 禁止 穿透 左右
2023-09-14 09:04:26 时间
一丶 点击穿透问题
HitTestBehavior.deferToChild 只有有子 Widget 通过了 Hit-Test,才接收一系列的事件,接收
区域也会被限制在该子 Widget 区域中。
HitTestBehavior.opaque 能够通过 Hit-Test,接收事件,且能阻止在它之前的 Widget(直观
来看就是被它挡住的 Widget)接收事件。简单来说就是事件 不能透传。
HitTestBehavior.translucent 能够通过 Hit-Test,接收事件,且不会阻止它之前的 Widget(直
观来看就是被它挡住的 Widget)接收事件。简单来说就是事件 能透传。
GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: () {
return false;
}
)
二丶 页面禁止左右滑动
部分真机详情左右滑动太灵敏 导致详情上下滑动不好滑动。这个时候也可禁用详情Tab滑动
physics: NeverScrollableScrollPhysics(), //禁止 pageView 滑动
相关文章
- Flutter 创建透明的路由页面
- Flutter 创建dashboard页面
- Flutter 陈航 21-路由 导航 Route Navigator 页面参数
- Flutter 陈航 19-手势识别 PointerEvent GestureDetector GestureRecognizer
- Flutter高级第3篇:底部 Tab 切换保持页面状态的几种方法
- Flutter功能 组件描边,圆角
- flutter 手势控制
- flutter 做七天签到,本地记录有没有签到
- flutter 插件版本冲突的解决方法
- Flutter Dio网络请求异常处理
- Flutter之This app is using a deprecated version of the Android embedding.
- flutter 运行原理
- Flutter AspectRatio、Card 卡片组件、Flutter页面布局 Wrap 组件
- flutter 页面布局 Paddiing Row Column Expanded 组件详解、Stack 层叠组件 Stack 与 Align Stack 与 Positioned 实 现定位布局