无法在反应中显示某些图像

Question

我是新程序员。

我想用本机显示一些图像，但我不能。 我的网址在浏览器中正常工作并显示图像。我的图片组件中的另一个网址运行正常， 但是每当我要加载此图像时，加载失败 this Image

当我连接到 wifi 时显示此图像，但是每当我连接到移动数据时都不会显示。

我的代码在这里：

import React from 'react';
import { Image } from 'react-native';

const App = () => {
  return (
    <Image
      style={{ resizeMode: 'cover', width: '100%', height: '100%' }}
      source={{
        uri:
          'https://scontent.xx.fbcdn.net/v/t51.2885-15/81029992_467176754190207_4901390856020107347_n.jpg?_nc_cat=102&_nc_sid=8ae9d6&_nc_ohc=H6AtyKWx0U0AX95qU2t&_nc_ht=scontent.xx&oh=7ad928f323a8c64e81a4e8abe3dd5142&oe=5E9F51E6',
      }}
    />
  );
};

export default App;

有人可以帮助我吗？

Answer 1

我试图在我的一个本机反应项目中显示相同的图像。我能够显示它，您可以检查附件图像是否相同。需要花费一些时间才能显示，但最后显示了。

您可以尝试onError来查看是否遇到任何错误。

<Image
  onError={e => {
    let tempData = { ...this.state.userData }
    tempData.imageUri = ''
    this.setState({ userData: tempData })
  }}
  style={ProfileStyle.profileImageStyle}
  borderRadius={50}
  source={
    { uri: 'https://scontent.xx.fbcdn.net/v/t51.2885-15/81029992_467176754190207_4901390856020107347_n.jpg?_nc_cat=102&_nc_sid=8ae9d6&_nc_ohc=H6AtyKWx0U0AX95qU2t&_nc_ht=scontent.xx&oh=7ad928f323a8c64e81a4e8abe3dd5142&oe=5E9F51E6' }}
  defaultSource={constant.completeProfile.userPlaceHolder}
/>