画像の読み込みに失敗した場合、onError
メソッドが呼び出されます。ただし、失敗した理由はわかりません。RN がイメージをロードできなかった理由を調べる方法はありますか? 原因は 404 または 500 でしたか、それともユーザーがインターネットに接続していませんでしたか? 等
import React, { Component } from 'react';
import { View, Image } from 'react-native';
export default class DisplayAnImage extends Component {
render() {
return (
<View>
<Image
style={{width: 50, height: 50}}
onError={({ nativeEvent: {error} }) => {
console.log(error) // < ---- How to get error code?
}
source={{uri: 'https://reactnative.dev/img/tiny_logo.png'}}
/>
</View>
);
}
}