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组件

Mac 切换JDK版本及RN-android jdk版本问题导致编译失败解决

支付宝小程序日期选择组件datePicker封装

原生JS面向对象思想封装轮播图组件

原生js拼图,封装,组件化

使用原生视图封装时访问嵌套组件的DebugElement