Ios 反应本族语：can'；加载图像

我编写了一个简单的iOS程序，用React Native显示图像

'use strict';

var React = require('react-native');
var {
  Image
} = React;

var styles = React.StyleSheet.create({

  base: {
    height: 400,
    width: 400 
}
});

class SimpleApp extends React.Component {
  render() {
    return (
    <Image
    style={styles.base}
    source={require('image!k')}
    //source={{uri: 'http://news.xinhuanet.com/world/2015-05/09/127782089_14311512601821n.jpg'}}
      /> 
    )
  }
}

React.AppRegistry.registerComponent('SimpleApp', () => SimpleApp);

当我更改代码以使用图像url时

//source={require('image!k')}
source={{uri: 'http://news.xinhuanet.com/world/2015-05/09/127782089_14311512601821n.jpg'}}

我只得到一个红色的矩形边框

当我使用另一个js文件时，一切正常。“Hello World”可以在iPad屏幕上显示

'use strict';

var React = require('react-native');
var {
  Text,

} = React;


class SimpleApp extends React.Component {
  render() {
    return (

        <Text>Hello World</Text>

    )
  }
}

React.AppRegistry.registerComponent('SimpleApp', () => SimpleApp);

“严格使用”；
var React=require（'React-native'）；
变量{
文本，
}=反应；
类SimpleApp扩展了React.Component{
render（）{
返回(
你好，世界
)
}
}
React.AppRegistry.registerComponent（'SimpleApp'，（）=>SimpleApp）；

确保您使用的是最新版本的React Native。使用React Native 0.4.4进行以下工作：

本地图像

  <Image
    style={styles.base}
    source={require('image!tabnav_settings')}
  />

  <Image
    style={styles.base}
    source={{uri: 'http://i.stack.imgur.com/DfkfD.png'}}
  />

还要确保已将要使用的图像添加到图像资源中：

远程图像

  <Image
    style={styles.base}
    source={require('image!tabnav_settings')}
  />

  <Image
    style={styles.base}
    source={{uri: 'http://i.stack.imgur.com/DfkfD.png'}}
  />

---

正如@Poverth在评论中指出的那样，加载带有.jpg扩展名的静态图像目前不起作用。但是如果你把你的jpg重命名为png，一切都很好。

---

另请参见

据我所知，网络

加载程序目前仅支持

png

jpg

静态加载图像时似乎受支持

source={require（'image！k'）}

用于静态加载图像，将

k

更改为本地存储的图像名称，

require

将您的图像base64放入应用程序

source={{uri:'http://...'}}

用于从网络上加载图像，您正在加载一个似乎还不受支持的jpeg-尝试加载png，而不是android也一样。如果将图像添加到drawable文件夹，则可以动态使用它们。@U蓝屏上的react native 0.27.2如何。在这个版本中，我们不需要再将图像放入可绘制文件中。在开发中，它工作正常，但在生产中，图像没有加载？如有任何建议，将不胜感激