在 React Native 中,我只想检测远程图片是否能加载,不想使用组件该怎么办
时间: 2024-04-07 08:31:38 浏览: 181
在 React Native 中,如果你只想检测远程图片是否能加载,而不想使用 `Image` 组件,可以使用 `fetch` 方法来发送网络请求,并在响应中检查是否包含图片:
```javascript
fetch('https://example.com/image.jpg')
.then(response => {
if (response.ok) {
console.log('Image is accessible');
} else {
console.log('Image is not accessible');
}
})
.catch(error => {
console.log('Error occurred:', error);
});
```
在这个例子中,我们使用 `fetch` 方法发送网络请求,并在响应中检查是否包含图片。如果响应状态码为 200,则表示图片可访问,否则表示图片不可访问。
需要注意的是,在使用 `fetch` 方法时,可能会出现跨域访问的问题。如果你需要访问跨域图片,可以在服务器端设置 CORS 头信息,或者使用代理服务器来转发请求。
阅读全文