使用react-native-webview加载静态HTML内容并向其中添加baseUrl。点击时返回意外的网址

Question

我正在使用react-native-webview。我将静态HTML内容添加到其中，并使用baseUrl作为相对路径。  {           console.log（navState）;         }}       /> 在单击Webview中的链接时，获得以下日志： {   canGoForward：否，   canGoBack：否，   标题：“”，   加载：是的，   url：“ data：text / html; charset = utf-8; base64，”，...}

如何获取确切的网址？我正在Android模拟器上尝试

Answer 1

假设您在执行以下操作时引用的是navState函数的onNavigationStateChange对象：

onNavigationStateChange={navState => { //some logic }}

navState对象包含以下属性：

canGoBack
canGoForward
loading
navigationType
target
title
url

实际上，您已控制台记录了navState对象。

要获取URL，请使用navState.url。因此console.log(navState.url)将记录URL。

注意：哈希URL更改不会调用此方法。 See this。