Javascript 无法显示具有React Native with uri的图像

我正在修补React Native，试图通过URL中的图像库简单地显示图像。当我运行这个程序时，只显示“React Native”文本，而没有图像。我做错了什么

'use strict';

var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Image,
  Text,
  View,
} = React;

var AwesomeProject = React.createClass({
  render: function() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          React Native
        </Text>
        <Image 
          source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}}
        />
      </View>
    );
  }
});

“严格使用”；
var React=require（'React-native'）；
变量{
评估学，
样式表，
形象,，
文本，
看法
}=反应；
var AwesomeProject=React.createClass({
render:function（）{
返回(
自然反应
);
}
});

尝试为图像组件指定高度和宽度值

<Image style= {{ height:50, width: 50 }} >

---

此样式将使图像更加灵活，并覆盖整个容器。在iOS中，您无法接收http请求，只能接收https。尝试将其添加到xcode中的info.plist文件中（确保其顺序正确）：

NSAppTransportSecurity
NSAllowsArbitraryLoads
NSExceptionDomains
example.com
N异常低安全Http负载
n包括多个域

当我们在react native中使用图像时，默认情况下，图像不会扩展以填充可用空间，相反，我们必须添加图像大小的样式规则。如果您不为具有高度和宽度的图像添加样式，则无法显示图像

，很遗憾，这对我没有任何帮助。谢谢你的建议。好吧，我想这还是行得通的。我在尝试重命名我的应用程序时意外地破坏了它，然后重新开始。在新的应用程序中，添加h和w是工作与否的区别。它还需要通过iOS 8的https提供服务，或者添加一个例外：是否有其他方法不使用

高度

和

宽度

，因为我希望图像以全屏显示？Raj，您可以使用尺寸，获取窗口宽度并将其指定给图像宽度变量，高度可以是您选择的任何值。获取（'window'）；

flex: 1,
width: null,
height: null,
resizeMode: 'cover',