react-native-webview网页拨打电话

最新推荐文章于 2024-06-04 09:57:19 发布

rock.dai

最新推荐文章于 2024-06-04 09:57:19 发布

阅读量537

点赞数

分类专栏： JavaScript react-native webview 文章标签： webview ERR_UNKNOWN_URL tel open url

本文链接：https://blog.csdn.net/u010899138/article/details/107800021

版权

问题描述

在使用ReactNative开发过程中，使用了WebView来加载公司的市场宣传网页，并且在页面上设置了手机号<a>标签，但是在应用中点击网页上的这个链接后，报错“net::ERR_UNKNOWN_URL_SCHEME”

tel://11011112222

环境说明

react-native-webview版本号：9.3.0

解决方法

设置Webview的onNavigationStateChange函数，当其为“tel://”协议时，使用Linking跳转，并且返回false拦截webview的默认动作，参考资料见github（https://github.com/react-native-community/react-native-webview/issues/1084）

render(){
  return(
    <WebView
      {...this.props}
      onShouldStartLoadWithRequest={this.onShouldStartLoadWithRequest}
    />
  )
}


/** ... 其他代码内容*/

/**
  *
  * @param request