reactnative中将webview浏览器内核替换为腾讯X5并保留react-native-webview中各种API

使用react-native-webview-tencentx5替换Android Webview内核

最新推荐文章于 2024-05-11 09:39:32 发布

原创

最新推荐文章于 2024-05-11 09:39:32 发布 · 2.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #npm #javascript #reactjs

本文介绍了如何在react-native项目中，将Android平台的Webview内核替换为腾讯X5，以解决老旧内核导致的显示问题。通过react-native-webview-tencentx5插件，可以保留react-native-webview的API，并提供优化和扩展。该插件适用于Android 5.0及以下版本，但暂不支持iOS。安装过程中需在AndroidManifest.xml添加特定权限，并注意X5内核下载启动的延迟及真机调试的重要性。

最近写一个项目要使用webview，因为是androidTV，版本在5.0，所以浏览器内核比较老旧，很多功能和样式显示有问题。于是替换使用腾讯X5内核解决了问题。整理成了插件react-native-webview-tencentx5。

react-native-webview-tencentx5

将安卓中webview浏览器内核替换为腾讯X5内核并保留react-native-webview中各种API。

可以优化Android版本低而使浏览器内核webveiw不正常显示，同时使用腾讯X5方便扩展。

总之，等于使用腾讯浏览器打开webview页面。

其中react-native-webview的API支持版本为v10.9.3，X5内核版本SDK为v4.3.0.67_43967。