React Componentでウィンドウを閉じるにはどうしたらいいですか？

Question

これはばかげて簡単に聞こえるが、私はGoogleからこれに対する解決策を見つけることができない。私のページで

、私はページ自体

<Button onClick={() => window.close()} >Close</Button> 

しかし、ボタンをトリガ毎回を閉じるためのボタンがあり、私は、私は私のモバイルアプリをreact-nativeを使用しています警告

Scripts may close only the windows that were opened by it. 

を得ましたそれはkeycloakに（RNのWebViewを介して）開いているFacebook認証ページに接続し、その後、keycloakはsuccessページにリダイレクトします（localhost/login/successにはページを閉じるボタンがありますそれ自体。ページはnext.jsの下にあります）。でも、私は、ブラウザ上で直接localhost/login/successにアクセスし、私はどちらも

更新ない近いページには、私はonNavigationStateChangeを使用することによって回避し、navState.urlがsuccess/loginかいない状態をトリガとWebViewを閉鎖するが含まれているかどうかを確認するために管理することができます。しかし、私はまだ窓を閉じる方法について興味がありますReact？

Answer 1

onMessage propを使用すると、WebViewとReact-Native間で通信できます。

webviewを window.postMessageを呼び出したときに呼び出される関数。このプロパティを設定するとwebviewには postMessageがグローバルに注入されますが、 の既存の値はpostMessageとなります。私はまだでは、コンポーネントをどのように反応するかに `window.close`知りたいのに

例

_onMessage = (message) => { 
    console.log(message); 
} 

render() { 
    return (<WebView ref={(ref) => { this.webView = ref; }} onMessage={this._onMessage} ..otherProps />); 
} 

---

// In your webview inject this code 

<script> 
    window.postMessage("Sending data from WebView"); 
</script>