@cylonix/react-native-webview-tencentx5
v1.0.2
Published
React Native WebView component for Android, Use Tencent TBSX5
Downloads
3
Readme
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.93_43993。
Getting started
$ npm install react-native-webview-tencentx5 --save
or
$ yarn add react-native-webview-tencentx5
Mostly automatic installation
Since React Native 0.60 and higher, autolinking makes the installation process simpler.
Manual installation
iOS
$ cd ios && pod install
Android
为了保障X5内核的动态下发和正常使用,您需要在您的AndroidManifest.xml增加如下权限:
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
Troubleshooting
The following situations are not errors
- 首次加载成功后,可能依旧为原始内核,等待X5内核下载启动,往后都可正常使用
- 首次加载可能会出现卡顿白屏现象
- 请注意X5内核运行环境在模拟器下的影响,请使用真机调试
Usage
import { WebView } from 'react-native-webview-tencentx5';
<WebView
source={{ uri: 'https://www.bilibili.com/' }}
...
/>