ウェブサイトのログインが完了するまでWebViewを非表示にするにはどうすればよいですか？ [反応するネイティブ]

Question

私はWebViewでウェブサイトを表示し、ログインするためにユーザー情報を自動入力するコンポーネントを作ろうとしています。私はinjectedJavascipt小道具を持ってWebViewにいくつかのジャバスクリプトを注入することによって自動充填部分に注意を払った。
しかし、私はWebView（サインインページ）を非表示にして、読み込み画面を表示し、ユーザーがウェブサイトにログインしたときにのみ表示したいと思っています。どのような方法でもウェブサイトとやり取りできないので、WebViewのflex小物を0に設定し、ログインが完了したらsetNativeProps()を使用して1に設定します。
ウェブサイトのログインが完了したら、WebViewを表示することができますか？そうでない場合は、私のWebViewを隠して、そのウェブサイトのログインが完了したときにそれを表示する他の方法はありますか？
tl; dr：基本的には、私のWebViewは、いくつかの読み込み中の画面が表示されている間にバックグラウンドでいくつかの読み込みを行い、それらのことが完了したら私に信号を送ることを望みます。

Answer 1

ハッキーですが、ユーザーが完全にログインしてflexプロパティを変更したときにURLを確認できますか？

navChanged(navState) { 
    if(navState.url.match(loggedInURL){ 
     //set flex to 1 
    }; 
    } 
<WebView 
    source={{uri: this.state.url}} 
    onNavigationStateChange={this.navChanged} 
    startInLoadingState={true} 
    renderLoading={ 
    ()=> { 
     return (<ActivityIndicator />) 
    } 
    } 
/> 

Answer 2

私は自分で試していませんが、次のようなものはあなたが望むことをするべきだと思います。 WebViewには、onLoad、onLoadStart、onLoadEnd、onErrorなどの関連する小道具がロードされています。これらのコンポーネントでは、コンポーネントの状態を更新できます。 this.setStateと呼び出すと、コンポーネントのrender()が再びトリガされ、現在の状態に基づいて、それを指示するビューがレンダリングされます。

class MyComponent extends Component { 
    constructor(props){ 
     super(props) 
     this.state={ 
      isLoading:false 
     } 
    } 

    render() { 
     if (this.state.isLoading) { 
      return <Spinner visible={true}/> 
     } else 
      return <WebView onLoadStart={() => this.setState({isLoading:true})} onLoadEnd={() => this.setState({isLoading:false})}/> 
     } 
    } 
}