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

Question

我正在使用 react-native-webview。我正在向其中添加静态 HTML 内容，使用 baseUrl 作为相对路径。{ console.log(navState); }} /> 点击 Webview 中的链接，得到以下日志： { canGoForward: false, canGoBack: false, title: "", loading: true, 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 更改时不会调用此方法。看到这个。