Flutter高级第7篇：点击穿透问题、页面禁止左右滑动

一丶点击穿透问题HitTestBehavior.deferToChild 只有有子 Widget 通过了 Hit-Test，才接收一系列的事件，接收区域也会被限制在该子 Widget 区域中。HitTestBehavior.opaque 能够通过 Hit-Test，接收事件，且能阻止在它之前的 Widget（直观来看就是被它挡住的 Widget）接收事件。简单来说就是事件不能透传。H...

王睿丶

10685人浏览 · 2019-12-17 09:19:09

王睿丶 · 2019-12-17 09:19:09 发布

一丶点击穿透问题

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 滑动

开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

OpenHarmony环境下React Native：useState函数式更新

在React Native开发中，useStateHook是管理组件状态的核心工具。然而，许多开发者仅了解其基本用法，忽略了**函数式更新（Functional Update）**这一关键特性。函数式更新是指在调用setState时传入一个函数而非直接的值，该函数接收先前的状态作为参数，并返回新的状态值。在OpenHarmony 6.0.0 (API 20)环境下，由于平台对异步操作的特殊处理机制

开源鸿蒙跨平台开发者社区

Flutter for OpenHarmony：Dart 语法入门（下）

本文介绍了Dart异步编程的核心概念和实用技巧。主要内容包括：1) 异步的必要性，通过"服务员-后厨"比喻解释Flutter单线程模型中异步操作的重要性；2) Future、then()和catchError()的基本用法；3) async/await语法简化异步代码；4) Dart扩展特性如空安全运算符(?.、??)、枚举和扩展方法的使用。