Ios 将图像与https一起使用

当我使用命令react native run ios运行此代码（与此处的代码非常类似）时，不会显示image head_logo.png图像。如何显示此图像

import React, { Component } from 'react';
import { AppRegistry, View, Image } from 'react-native';

export default class DisplayAnImage extends Component {
  render() {
    return (
      <View>
        <Image
          style={{width: 50, height: 50}}
          source={{uri: 'https://facebook.github.io/react-native/img/header_logo.png'}}
        />
        <Image
          style={{width: 66, height: 58}}
          source={{uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQSURBVGje7dSxCQBACARB+2/ab8BEeQNhFi6WSYzYLYudDQYGBgYGBgYGBgYGBgYGBgZmcvDqYGBgmhivGQYGBgYGBgYGBgYGBgYGBgbmQw+P/eMrC5UTVAAAAABJRU5ErkJggg=='}}
        />
      </View>
    );
  }
}

AppRegistry.registerComponent('DisplayAnImage', () => DisplayAnImage);

import React，{Component}来自'React'；
从“react native”导入{AppRegistry，View，Image}；
导出默认类DisplayAnImage扩展组件{
render（）{
返回(
);
}
}
AppRegistry.registerComponent（'DisplayAnImage'，（）=>DisplayAnImage）；

它确实出现了，它是白色的，背景是透明的。尝试向根目录添加红色背景

看这小吃，它很有魅力

---

它确实出现了，它是白色的，背景是透明的。尝试向根目录添加红色背景

看这小吃，它很有魅力

---

您的图像已显示，但图像颜色与背景颜色相同。因此，它没有在视图中正确显示

所以你们可以给图片或视图加背景色。所以它可以正确地显示

<Image
          style={{width: 50, height: 50, backgroundColor: 'grey', resizeMode: 'center'}}
          source={{uri: 'https://facebook.github.io/react-native/img/header_logo.png'}}
/>

---

您的图像已显示，但图像颜色与背景颜色相同。因此，它没有在视图中正确显示

所以你们可以给图片或视图加背景色。所以它可以正确地显示

<Image
          style={{width: 50, height: 50, backgroundColor: 'grey', resizeMode: 'center'}}
          source={{uri: 'https://facebook.github.io/react-native/img/header_logo.png'}}
/>

---

这是因为您使用的是白色图像，背景是白色的

---

只需将

背景色：'#000'

应用于

这是因为您使用的是白色图像，背景是白色的

只需将背景色“#000”应用到