准备入门ReactNative, 写了个Image显示网络图片的
import React from 'react';
import {Image,View,AppRegistry} from 'react-native';
export default class App extends React.Component{
render(){
let picUrl = {
uri: "http://xxxx.jpg"
}
return (
<View style={{backgroundColor: 'red'}}>
<Image source={picUrl} style={{width: 193, height: 210}}/>
</View>
);
};
}
AppRegistry.registerComponent('HelloWorld', () => App);
运行在iOS模拟器上，无法显示图片，2种解决方案:
给
uri整个https的网络图片路径，搞定!在
Info.list加个Allow Arbitrary Loads -> Yes
在模拟器上 系统设置(Settings) -> Developer -> Allow HTTP Services这个打开
