RN-Android 封装原生安卓web组件 - H5白屏/卡顿/渲染问题
Posted iOSTianNan
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了RN-Android 封装原生安卓web组件 - H5白屏/卡顿/渲染问题相关的知识,希望对你有一定的参考价值。
其实还是该问题的后续BUG
解决完安卓端微信支付问题后, 发现部分H5页面加载异常, 出现卡顿/半透明层遮盖效果异常/页面渲染异常/白屏等问题
排查:
1.webSetting的设置?
经过确认,暂时无法从webSetting 层面解决
2.硬件加速/软件加速?
经过实验,设置wv.setLayerType(View.LAYER_TYPE_HARDWARE,null);
无效
设置wv.setLayerType(View.LAYER_TYPE_HARDWARE,null);
能处半透明层显示,但依旧有白屏等显示问题, 等同于无效
3.尝试为WebView提供父组件硬件加速,webView进行软甲加速
该方案修改过大, 暂时没有推进.
4.由3猜想,是否JS层面设置宽高
js组件层面设置flex:1 ,宽高等 ,依然无效
5.由4猜想,是否原生WebView的宽高问题
wv.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
ok 问题解决
以上是关于RN-Android 封装原生安卓web组件 - H5白屏/卡顿/渲染问题的主要内容,如果未能解决你的问题,请参考以下文章
RN - 封装Android原生WebView组件,实现JS获取原生消息回调及JS控制native组件