1

画像の読み込みに失敗した場合、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>
    );
  }
}

4

1 に答える 1