react-native - 什么是“this”在WebView组件中的props“ref”在反应本机webview

Question

我尝试在反应本机 Web 视图中注入 JavaScript，如下所示效果很好

setTimeout(() => {
 this.webref.injectJavaScript(someJSCODE); 
}, 3000);
<WebView
ref={r => this.webref = r}
source={{uri: 'https://accounts.google.com/'}}
 />

但是如果我调用 r.injectJavaScript(someCode) 它不起作用。

<WebView
ref={r => r.injectJavaScript(somecode)}
source={{uri: 'https://accounts.google.com/'}}
 />

Answer 1

你可以试试下面的，

...
<WebView
        source={{
          uri: "https://************.org/privacy-policy/"
        }}
        ref={WEBVIEW_REF => (this.WebViewRef = WEBVIEW_REF)}
        javaScriptEnabled={true}
        injectedJavaScript={
          "document.getElementsByClassName('site-content')[0].style.paddingTop='0px',document.getElementsByClassName('header')[0].style.display='none', document.getElementsByClassName('footer')[0].style.display='none',document.getElementsByClassName('subscribe-line')[0].style.display='none'"
        }
        onLoadProgress={e => this._onLoading(e.nativeEvent.progress)}
      />
...