react-native Android 12 ScrollView 和 WebView一起用时滚动到顶部和底部会崩溃

因为项目里面有需要到用ScrollView包着多个WebView,但是在Android 12上跑的时候滚动到最顶部或最底部时会闪退。
这是系统版本兼容问题。

解决办法:
在ScrollView添加属性:

overScrollMode="never"

按照自己的项目开发版本,可能有些还需要再添加一个属性到ScrollView标签里面

removeClippedSubviews={true}

翻看react-native-webview 的issues时,有说在webview添加属性
style={{opacity:0.99}},这样解决动画和webview的透明度冲突的问题,也就不会闪退了,确实,我添加了之后也不会闪退了,但是却又起了其他问题,会造成一些其他不知名机子的白屏,显示过度也异常。所以我最终采用的是overScrollMode="never" ,解决了一切问题。

参考链接:
ScrollView 和 WebView 混用崩溃问题
https://github.com/react-native-webview/react-native-webview/issues/2364

WebView 其他崩溃问题
https://blog.csdn.net/weixin_39388536/article/details/119028730
https://github.com/react-native-webview/react-native-webview/issues/429
https://github.com/LonelyCpp/react-native-youtube-iframe/issues/110
https://github.com/react-native-webview/react-native-webview/issues/430

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容