React Native View Render

Question

Görüntüyü koşullu olarak nasıl görüntüleyebilirim? Örnek: Uygulamam internete bağlı değilse - hata görünümü oluşturuyor, bağlıysa - WebView oluşturuluyor mu? Bu yerli tepki ile mümkün mü? Oluşturmak istemiyorum pure html

Answer 1

Mantık sizin örnek kullanarak, şartlı görüşlerini işlemek için:

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

Answer 2

Oluşturma yönteminizde, aşağıdaki örnekte olduğu gibi koşullarını tanımlayabilirsiniz. Örneğin, bağlantınızı componentDidMount yönteminde kontrol edebilir ve ardından prodüksiyonlarınızı ayarlayabilirsiniz.

Answer 3

WebView'e özgüse, bu bileşen iki render işlevi içerir.

renderError işlevi bir hata varsa göstermek için bir görünüm verir

Fonksiyon.

fonksiyonunu bir yükleme gösterge getirir

İşlevini renderLoading. Bir görünümü dönebilirsiniz renderError fonksiyonu ile

WebView Component Docs.

internete bağlı olmayan uygulaması da dahil bir hata var belirtti.