在 React Native 应用中，我们经常需要使用 WebView 来展示某些网页内容或者加载一些 HTML 文件。而在 iOS 8 上，苹果公司推出了新的 WKWebView，大大提升了性能和稳定性，并且增加了一些新的特性。而 react-native-wkwebview-simple 就是一个基于 WKWebView 的 React Native 组件库，在 iOS 平台上使用 WKWebView 来代替 WebView，提供更加强大的功能和更好的性能和体验，同时也不需要担心旧有的 WebView 在 iOS 上的各种问题。
在这篇文章中，我们将会介绍如何使用 react-native-wkwebview-simple，帮助你快速上手使用这个出色的组件库。
安装
安装 react-native-wkwebview-simple 很简单，你只需要使用 npm 就可以轻松地进行安装：
--- ------- ----------------------------- ------
使用
使用 react-native-wkwebview-simple 同时也很简单，下面的示例代码演示了如何在 React Native 应用中加载一个简单的网页：
------ ----- ---- --------
------ - ----- ---------- - ---- ---------------
------ --------- ---- --------------------------------
----- --- - -- -- -
------ -
----- -------------------------
---------- --------- ---- ------------------------ -- --
-------
--
--
----- ------ - -------------------
---------- -
----- --
--
---
------ ------- ----这里我们先引入了 WKWebView 组件，然后在渲染的时候，直接将一个源为 'https://www.baidu.com/' 的 URI 传给 WKWebView 组件，此时就可以直接展示百度官网了。可以看到，使用 react-native-wkwebview-simple 非常的简单，只需要将源传给 WKWebView 组件即可。
属性
react-native-wkwebview-simple 提供了许多的属性，可以让你更加细致地控制 WKWebView 组件的展示和行为。下面是一些常用属性的介绍：
source
可以将一个 URI（一个字符串）或者一个 HTML 文件（一个对象）传递给属性 source。
injectedJavaScript
对于一些需要向 WKWebView 注入一些 JavaScript 代码的应用场景，可以使用属性 injectedJavaScript。
onLoadStart/onLoadEnd/onError
这三个事件属性分别在页面开始加载、页面加载结束和页面加载失败的时候会被调用一次。
onMessage
这个属性定义了一个 WebViewJavaScriptBridge 对象，可以让你的应用与 WebView 进行通信。需要注意的是，这个对象并不完全处于 Native 端控制之下，所以其协议需要特别的注意。
结论
react-native-wkwebview-simple 是一个非常优秀的 React Native 组件库，可以让你更加直观地使用 WKWebView，并且提供了更好的性能和更强的功能。
在这篇文章中，我们详细地介绍了 react-native-wkwebview-simple 的使用方法，希望对你有所帮助。如果你使用 react-native-wkwebview-simple 遇到了问题，可以在社区中寻求帮助，也可以访问该组件库的 GitHub 仓库来寻求帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600555cf81e8991b448d2e53