react-native - 反应本机 webview - this.webview 不存在

Question

我对 react-native 很陌生。目前，我正在开发一个带有反应原生网络视图的应用程序。

我的要求是在 chrome 选项卡中打开应用程序的外部链接。为此，我使用了以下代码。

  <WebView
    source={{uri: catalog_url}}
    onNavigationStateChange={(event) => {
      if (!event.url.includes(home_url)) {
        this.WebView.stopLoading()
        Linking.openURL(event.url);
      }
    }}
  />

但我发现突出显示的行目前不起作用。

对this.WebView行的任何引用都会给出错误提示

this.WebView doesn't exist.

我需要this.WebView的替代品。

标签： react-nativereact-native-webview

Answer 1

如果你想参考这个 webview。首先，您必须分配这样的参考。

  <WebView
    ref={webview => this.WebView = webview}
    source={{uri: catalog_url}}
    onNavigationStateChange={(event) => {
      if (!event.url.includes(home_url)) {
        this.WebView.stopLoading()
        Linking.openURL(event.url);
      }
    }}
  />