Jak mogę renderować widoki warunkowo? Przykład: jeśli moja aplikacja nie ma połączenia z internetem - wyświetla widok błędu, jeśli jest połączony - renderuje WebView? Czy to możliwe z reakcją natywną? Chcę renderować nie czysty htmlReact Native View Renderowanie
5
A
Odpowiedz
4
Logic renderowanie widoki warunkowo, za pomocą przykładu:
render() {
if (!this.state.isConnected) { // error
return (
<View></View>
);
}
else {
return (// webview
<WebView />
);
}
}
3
W swojej metodzie renderowania można zdefiniować warunkowe, takie jak poniższy przykład. Na przykład możesz sprawdzić połączenie przy użyciu metody componentDidMount, a następnie ustawić rekwizyty.
render(){
if(this.state.isConnected == 'Online')
return this.webView();
else
return this.renderAnotherView();
}
0
Jeśli jest to specyficzne dla WebView, składnik ten zawiera dwie funkcje renderowania.
renderError funkcja
Funkcja, która zwraca widoku, aby pokazać, jeśli wystąpi błąd.
renderLoading funkcja
funkcję zwracającą wskaźnik ładowania.
Z funkcją renderError można powrócić do widoku wskazane jest błąd w tym aplikacji nie jest podłączony do Internetu.
Metoda ta nie wykazała żadnych veiw. Mam rekwizyty do trybu online i offline, po prostu chcę to.state.isConnected == "Online" - pokaż przeglądarkę internetową, jeśli w trybie offline - pokaż kolejny widok – TeodorKolev
this.props.hasConnection był tylko przykładem. Możesz sprawdzić swoją łączność i zwrócić swój webView lub inny zdefiniowany przez ciebie widok – sekogs