WebView 打开应用程序/默认浏览器

Question

我对@9​​87654322@ 很陌生。 HTML 中的 href 标记在应用程序中打开网站。我希望它在手机/设备的默认浏览器中打开链接。哦，我用的是snack.expo。

• 在 APP 中正在加载网站。在我的网站中，我使用<a href> 'http://maps.google.com/?q=...' 我希望手机的默认浏览器在其默认浏览器中打开此链接，其他href 链接也是如此。
• 当然，只有带有 target="_blank" 的链接才能在默认浏览器中打开。
• 如果可以打开应用程序就更棒了。

我用谷歌搜索了很多，但没有成功。

谁知道怎么做？还是它根本不可用？

---

在我的HTML 代码中，我尝试过这个：

<a href="http://maps.google.com/?q={address}" target="_blank">{address}</a>

部分反应原生代码：

  return (
  <WebView
    source={{ uri: '{website}' }}
  />
);

最好的问候

Answer 1

react native 绝对有可能。你可以这样做：

import {Linking} from "react-native"  

       <WebView

   source={{uri:"https://mashupguide.net/1.0/html/ch02s05.xhtml"}}
  onShouldStartLoadWithRequest={request => {
    let url = request.url;
    if (url.includes("http://maps.google.com/")) {
      Linking.openURL(url);

      return false
    } else {
      return true
    }
  }}
   />

这将阻止WebView 浏览到下一页，而是打开手机的默认浏览器。

参考：https://github.com/react-native-community/react-native-webview/blob/master/docs/Reference.md#onshouldstartloadwithrequest

工作示例：https://snack.expo.io/@ammarahmed/sadistic-almond