react-native项目中AutoHeightWebView在Android10/11设备显示时崩溃如何解决

• 依赖版本适配问题：低版本的react-native-autoheight-webview及其底层依赖的react-native-webview未适配Android 10（API 29）及以上系统对WebView渲染逻辑、生命周期管理的改动，嵌套在ScrollView中时很容易触发底层渲染线程崩溃，而Android 9及更低版本没有这类新的WebView限制，因此运行正常。
• 废弃属性触发异常：你代码中使用的scalesPageToFit属性在react-native-webview 9.0及以上版本已被官方废弃，Android 10+的系统WebView不支持该属性的旧实现，传入参数会导致WebView初始化配置出错，直接触发崩溃。
• 静态宽度计算错误：直接使用Dimensions.get('window').width给组件设置静态宽度，Android 10+支持挖孔屏、手势导航等多种窗口模式，实际渲染时的可用宽度和静态获取的窗口宽度可能存在差异，AutoHeightWebView计算内容高度时出现数值溢出，导致崩溃。

按优先级依次尝试以下操作即可解决绝大多数该场景的崩溃问题：

1. 升级依赖版本
   将react-native-autoheight-webview升级到最新稳定版，同时确保其依赖的react-native-webview同步升级到11.0及以上版本，新版本官方已适配Android 10+的WebView特性，修复了大量已知崩溃问题。

2. 删除废弃属性
   直接移除代码中scalesPageToFit={false}的配置，你已经设置了viewportContent属性来控制页面缩放，完全可以覆盖该废弃属性的作用。

3. 修改宽度配置
   将AutoHeightWebView的style中的宽度配置从静态的Dimensions.get('window').width改为width: '100%'，让组件自动适配父容器宽度，避免静态尺寸和实际渲染尺寸不一致导致的高度计算错误。

4. 增加条件渲染逻辑
   等路由参数、页面状态加载完成后再渲染WebView，避免跳转过程中参数未完全传递就初始化WebView，示例逻辑如下：

// 在state中增加初始化标志
state = {
  homepic: '',
  isPageReady: false
}

componentDidMount() {
  // 等页面挂载完成、路由参数可正常获取后再允许渲染WebView
  this.setState({isPageReady: true})
}

// 渲染时增加判断
{
  this.state.isPageReady && (
    <AutoHeightWebView
      style={{ width: '100%', marginTop: 0 }}
      source={{ uri: 'https://xxxxxx.com/nshow.php?serial=' + this.props.route.params.unitserial + '&lang=' + this.props.route.params.lang  }}
      viewportContent={'width=device-width, user-scalable=no'}
    />
  )
}

5. 关闭硬件加速（可选）
   如果以上操作完成后仍存在崩溃，可以给AutoHeightWebView增加androidHardwareAccelerationDisabled={true}属性，关闭Android端WebView的硬件加速，解决部分渲染兼容问题。

内容的提问来源于stack exchange，提问作者Ken Lee