ネイティブビューレンダリングに反応する

Question

ビューを条件付きでレンダリングするにはどうすればよいですか？例：私のアプリがインターネットに接続されていない場合、エラービューをレンダリングし、接続されている場合はWebViewをレンダリングしますか？反応することは可能でしょうか？私は純粋なhtmlではないレンダリングしたい

Answer 1

ロジック：

render() { 
    if (!this.state.isConnected) { // error 
    return (
     <View></View> 
    ); 
    } 
    else { 
    return (// webview 
     <WebView /> 
    ); 
    } 
} 

Answer 2

あなたのレンダリング方法では、以下の例のような条件を定義することができます。たとえば、componentDidMountメソッドで接続を確認してから、あなたの小道具を設定することができます。

render(){ 
      if(this.state.isConnected == 'Online') 
      return this.webView(); 
      else 
      return this.renderAnotherView(); 
     } 

Answer 3

このコンポーネントには、WebView固有のものが2つあります。

でrenderError機能にエラーがあるかどう表示するようにビューを返します

機能。ローディングインジケータを返す機能

機能renderLoading

。ビューを返すことができるでrenderError機能付き

WebView Component Docs.

は、インターネットに接続されていないアプリなどのエラーがあります示しました。あなたの例を使用して、条件付きのビューをレンダリングする