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

你可能感兴趣的:(react-native Android 12 ScrollView 和 WebView一起用时滚动到顶部和底部会崩溃)