我之前也踩过这个坑！iOS端的scrollEnabled确实省心，但Android端因为WebView底层实现差异，旧版React Native自带的WebView不支持这个属性，就算简单设置overflow:hidden也经常搞不定——尤其是用户滑动时内容还会偏移的情况。下面给你几个亲测有效的方案：

方案1：迁移到react-native-webview库（首推） #

官方自带的WebView已经被标记为废弃，现在社区维护的react-native-webview库适配性更好，Android端也支持scrollEnabled属性，用法和iOS完全一致：

import WebView from 'react-native-webview';

// 组件中直接使用
<WebView
  source={{ uri: '你的网页地址' }}
  scrollEnabled={false} // 这个属性在双端都生效
  javaScriptEnabled={true}
/>

迁移成本极低，只需要替换导入和组件即可，这个方案最省心。

方案2：注入JavaScript脚本彻底锁死滚动 #

如果暂时不想换库，或者网页有动态内容导致样式被覆盖，可以注入脚本从网页层面禁用所有滚动相关的事件和样式：

import { WebView } from 'react-native'; // 旧版自带WebView

const disableScrollScript = `
  // 锁定根元素的滚动区域
  document.documentElement.style.overflow = 'hidden';
  document.body.style.overflow = 'hidden';
  document.body.style.touchAction = 'none'; // 直接禁止触摸滚动行为
  
  // 阻止touchmove事件（关键：必须设置passive: false才能生效）
  document.addEventListener('touchmove', function(e) {
    e.preventDefault();
  }, { passive: false });
  
  // 遍历所有可能的滚动容器，逐个禁用
  const scrollableElements = document.querySelectorAll('div, section, iframe, [style*="overflow"]');
  scrollableElements.forEach(el => {
    el.style.overflow = 'hidden';
    el.addEventListener('touchmove', function(e) {
      e.preventDefault();
    }, { passive: false });
  });
`;

// WebView中注入脚本
<WebView
  source={{ uri: '你的网页地址' }}
  javaScriptEnabled={true}
  injectedJavaScriptBeforeContentLoaded={disableScrollScript} // 页面加载前就生效
  injectedJavaScript={disableScrollScript} // 兜底确保生效
/>

这里要注意{ passive: false }这个参数——Android端默认touch事件是passive模式，必须显式关闭才能阻止默认滚动行为，这也是之前脚本无效的常见原因。

方案3：Android原生层禁用滚动（进阶） #

如果上面的方法都不管用，可以通过原生代码彻底锁死WebView滚动：

在Android项目的自定义WebView模块或MainApplication.java中，找到WebView初始化代码，添加：

webView.setScrollContainer(false);
webView.setOnTouchListener((v, event) -> {
  // 拦截所有触摸事件，返回true表示不向下传递
  return true;
});

⚠️ 注意：这个方法会完全禁用WebView的触摸交互，如果你的网页需要保留点击、输入等操作，就别用这个方案了。

额外小提示 #

• 如果网页有iframe或动态加载内容，建议在onLoadEnd回调中再次注入脚本，确保动态渲染的元素也被处理。
• 有些网页会通过JS动态修改overflow样式，实在没办法的话，可以用setInterval定期重置样式，但尽量少用，会影响性能。

内容的提问来源于stack exchange，提问作者Lukáš Šálek