npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

react-native-webview-tencentx5-next

v1.0.5

Published

React Native WebView component for Android, Use Tencent TBSX5

Downloads

6

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/' }}
    ...
    />