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

Tomohiro 5views 更新:2017年7月25日

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

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

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

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません