我编写了一个简单的 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);
但我从 iPad 屏幕上收到消息:
"Failed to print error:","'undefined' is not an object (evaluating 'stackString.split')"
当我更改代码以使用图片 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);
最佳答案
确保您使用的是最新版本的 React Native。使用 React Native 0.4.4 以下作品:
本 map 片
<Image
style={styles.base}
source={require('image!tabnav_settings')}
/>
还要确保将要使用的图像添加到图像资源中:
远程图像
<Image
style={styles.base}
source={{uri: 'http://i.stack.imgur.com/DfkfD.png'}}
/>
关于ios - react native : can't load image,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30139736/