如何在Ionic应用中禁用iOS可达性（Reachability）下拉手势？

方案1：前端层临时拦截（仅在ion-datepicker打开时生效，无需修改原生代码） #

核心逻辑是在日期选择器打开时，拦截屏幕顶部边缘的下拉触摸事件，降低误触概率：

• 监听ion-datetime的弹出/关闭事件，动态绑定/解绑触摸拦截逻辑
• 代码示例：

const datepicker = document.querySelector('ion-datetime');
let isDatepickerActive = false;

// 日期选择器弹出时绑定拦截事件
datepicker.addEventListener('ionWillPresent', () => {
  isDatepickerActive = true;
  window.addEventListener('touchstart', interceptTopSwipe, { passive: false });
  window.addEventListener('touchmove', interceptTopSwipe, { passive: false });
});

// 日期选择器关闭时移除拦截事件
datepicker.addEventListener('ionWillDismiss', () => {
  isDatepickerActive = false;
  window.removeEventListener('touchstart', interceptTopSwipe);
  window.removeEventListener('touchmove', interceptTopSwipe);
});

// 拦截顶部区域下拉手势
function interceptTopSwipe(e: TouchEvent) {
  const touchPoint = e.touches[0];
  // 拦截屏幕顶部44px范围内的触摸事件，可根据设备适配调整阈值
  if (touchPoint.clientY < 44) {
    e.preventDefault();
  }
}

注意：该方案只能降低触发概率，无法100%拦截，因为系统手势优先级高于WebView内的触摸事件

方案2：原生层配置（可实现更高拦截优先级，支持Capacitor/Cordova场景） #

iOS提供了公开API用于推迟系统边缘手势的响应优先级，设置后用户首次下拉顶部边缘会先响应应用内手势，第二次下拉才会触发系统可达性功能，完全避免误触：

Capacitor项目配置步骤 #

• 打开Capacitor生成的iOS项目，找到对应业务的ViewController文件，添加以下代码：

override var preferredScreenEdgesDeferringSystemGestures: UIRectEdge {
    // 仅推迟顶部边缘的系统手势，不影响其他系统操作
    return [.top]
}

• 如果需要全局生效，可以直接在AppDelegate中添加对应配置
• 如果需要动态切换（仅特定功能开启时生效），可以通过自定义Capacitor插件暴露JS调用接口，在前端触发配置切换

Cordova项目配置步骤 #

可以直接安装支持修改系统手势优先级的Cordova插件，无需手动修改原生代码，插件暴露JS接口即可在前端动态切换配置状态。

注意事项 #

• 不要全局禁用/推迟该系统手势，仅在ion-datepicker等容易误触的特定场景开启配置，否则可能因影响无障碍功能被苹果应用商店拒审
• 所有配置仅对当前应用生效，不会修改用户系统级的可达性功能开关

内容的提问来源于stack exchange，提问作者Smokey Dawson