react-native – 有没有办法强制WebView链接点击外部打开？

发布时间：2020-12-15 09:34:12 所属栏目：百科来源：网络整理

导读：我有一个加载静态 HTML内容的WebView组件： WebView style={{flex: 1}} html={content} / 问题是,如果有人点击链接,它会在应用程序中打开,我宁愿强迫它使用链接在Safari中打开.那可能吗？解决方法在搜索了一下后,我看到从RN应用程序打开浏览器的唯一方法是

我有一个加载静态 HTML内容的WebView组件：

<WebView
    style={{flex: 1}}
    html={content}
  />

问题是,如果有人点击链接,它会在应用程序中打开,我宁愿强迫它使用链接在Safari中打开.那可能吗？

解决方法

在搜索了一下后,我看到从RN应用程序打开浏览器的唯一方法是使用Linking或LinkingIOS API.那么问题是,如何使您的Webview能够使用该API.这有两种可能的解决方案：

1)注册由您的应用处理的自己的URL方案.例如.对myApp：//this/is/a/link.html.然后处理该方案的所有传入事件并对API进行相应的调用.注册计划很简单,效果很好.这对我来说似乎是最强大的方法.

2)使用一个库,让Webview直接与它的paren视图对话.例如. https://github.com/alinz/react-native-webview-bridge.然后在页面中放入一些JS代码,onClick将链接URL发送到父视图,然后调用API.我刚刚使用过那个项目,它起到了魅力的作用,直到我需要的一次RN升级打破它.但它仍然在积极发展,所以你应该没事.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!