找不到图像 React Native (Expo)

Question

各位程序员大家好，

我正在尝试使用 React-Native (Expo) 中的 UserAvatar 组件显示图像，但我遇到了一个问题，我从 API 中获取 link不工作 404 Not Found，避免此问题的最佳方法是什么。我尝试使用图像的 URL 创建一个 blob，但没有成功

这是我在应用程序中收到的错误消息

Online fetched source is not a supported image at node_modules/react-native-user-avatar/src/helpers.js:41:6 in fetchImage

这是我尝试过的解决方案之一：

urlToBlob = (url) => new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.onerror = reject;
xhr.onreadystatechange = () => {
  if (xhr.readyState === 4) {
    resolve(xhr.response);
  }
};
xhr.open('GET', url);
xhr.responseType = 'blob'; // convert type
xhr.send();
})this.urlToBlob(data)
        .then((blob) => {
          console.log(blob);
        });

Answer 1

我解决这个问题的方法很简单。

      axios
        .get(image_url)
        .then((res) => {
          if (res.status === 200) {
            setImageStatus(200);
          }
        })
        .catch((err) => {
          setImageStatus(err.response.status);
        });
    }

当响应状态为 200 时，如果不回退到默认图像，则图像存在。

找不到图像 React Native (Expo)

Image not found React Native (Expo)

blob

image

avatar

react-native

expo