react native中ScrollView嵌套WebView导致的闪退(rn版本0.70.0)

  • Post author:
  • Post category:其他




react native中ScrollView嵌套WebView导致的闪退(rn版本0.70.0)

网上找了一圈,WebView的问题区也看了一圈,没有可以解决我的闪退的问题,重复进出页面后依然会闪退,最终解决方案


1.在ScrollView中添加overScrollMode=“never”



2.在退出页面时卸载包含WebView的组件,可以用公共变量进行控制,退出时卸载,进入后重新加载



3.在webview中不建议使用透明度0.99这个属性,在我的rn版本中这么使用会有样式问题,请谨慎使用



2023-1-5新增闪退原因:



我使用函数组件的情况下,动态调整webview高度的时候使用了useState,重新渲染组件的时候会闪退,原因也不知道是不是因为二次渲染导致的,最终我将webview组件单独抽出放在一个组件中,为了避免数据被重新加载,我将所有webview用到的数据通过父组件传递给存放webview的组件中,至于动态的高度使用redux的数据,改为调用父组件的方法对redux数据进行修改,不再使用useState进行渲染,这样就解决了闪退问题



2023-2-2新增闪退原因:


问题:在rn进入页面和退出页面的时候会发生闪退

解决方法:进入页面时延时对webView进行渲染(延时100-500毫秒即可);退出页面时控制延时退出,先卸载webView后退出页面


说明:这个解决方式也是在网上找到的,链接目前找不到了,闪退的原因是因为webView渲染和卸载的时候不在屏幕范围内,就会造成闪退,因为我使用的webView只是用于页面的一小部分,刚进入的时候webView不在我的屏幕内,就会造成这个问题


下面是我的参考链接:


参考链接



版权声明:本文为aa494661239原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。