react native webviewでエラーハンドリング

react nativeのiOS上でファイルをプレビューするときに使う WebViewだが、開けないファイルを開くとエラー画面が無骨に表示されてしまう。 エラーが発生した場合に関数を実行させてダイアログを出す・・・・といったことができる

<WebView source={{ ファイルのパス }} onError={実行したい関数} />;

こうするとエラー時にonErrorに遷移して任意の関数が実行できる。関数の外側のカギ括弧忘れると正しく動作しないので注意。