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

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不在我的屏幕内,就会造成这个问题
下面是我的参考链接:
参考链接

你可能感兴趣的:(前端,react,native,javascript)