リアクションネイティブURLをロードするときにWebViewからタイトルを取得するには

Question

webViewから反応ネイティブのURLのタイトルを取得したいとします。例えば

：私はiOSの中でのWebViewからURLのタイトルを取得することができます

- (void)webViewDidFinishLoad:(UIWebView *)webView{ 
    titleLabel.text = [webView stringByEvaluatingJavaScriptFromString:@"document.title"]; 
｝ 

私はいくつかのアイデアを持っている誰もあり、これまでのいずれかの解決策を見つけることができませんでしたか？

Answer 1

injectJavaScriptまたはinjectedJavaScript小道具を使用して、ロードしてページのタイトルを取得するURLにジャバスクリプトコードを挿入できます。 javascriptでタイルを取得する方法については、this answerをご覧ください。

タイトルを取得すると、onMessage propを反応ネイティブ側に渡すことができます。

Answer 2

これは最もクリーンなソリューションかどうかはわかりませんが、WebViewにJavaScriptを注入してデータを取得してから戻すことができます。

handleMessage(message) { 
    console.log(message.nativeEvent.data); 
} 

render() { 
    return (
    <WebView 
     source={{ uri: "https://wonderloveapp.com" }} 
     injectedJavaScript="window.postMessage(document.title)" 
     onMessage={this.handleMessage} 
    /> 
) 
} 

参考文献：

• https://facebook.github.io/react-native/docs/webview.html#injectedjavascript
• https://facebook.github.io/react-native/docs/webview.html#onmessage