【Facebook的UI开发框架React入门之八】Image的使用简介(iOS平台）-goodmao

var styles = StyleSheet.create({
  container: {
    //flex: 1,

    flexDirection: 'row',

    position: 'absolute',
    top:   100,
    left:  10,

    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },

  size: {
    width:  100,
    height: 150,
  },
});

var HelloReact = React.createClass({

  //设置视图Image
  render: function() {
    return (
      <View style = {styles.container}>
         <Image
          style = {styles.size}
          source = {require('image!1')} //1.Images.xcassets图片
        />

         <Image
          style = {styles.size}
          source = {require('image!2')} //2.Xcode中直接添加Images路径和图片
        />
      </View>
    );
  }
});

var HelloReact = React.createClass({ //创建组件类

  //组件的渲染方法
  //设置视图Image
  render: function() {
    return (
      <View style = {styles.container}>
          <Image
              source = {{uri: 'http://172.16.105.149:8081/server-image/goodmao.jpg'}} //3.网络图
              style = {styles.size}
          />
      </View>
    );
  }
});