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

class UIImageView extends React.Component {
  render() {
    return (
      <View style={styles.bgview}>
          <View style = {styles.cellBgView}>
          <Image
            source  = {{uri:'http://img.wdjimg.com/image/video/64d23dde9daac32367954b7c8a803da0_0_0.jpeg'}}
            style = {styles.image} />
          <View style = {styles.cellView}>
            <Text style={styles.title}>
             Xueyingwu
            </Text>
            <Text style = {styles.subtitle}>
            Work in China
            </Text>
            </View>
        </View>
        </View>
      );
  }
}

class SampleApp extends React.Component {
  render() {
    return (
      <React.NavigatorIOS
        style={styles.container}
        initialRoute={{
          title: 'My App',
          component: UIImageView,
        }}/>
    );
  }
}

var styles = React.StyleSheet.create({
  container: {
    flex: 1
  },
  bgview: {
    backgroundColor: '#eeeeee',
    paddingTop: 75,
    paddingLeft: 10,
    paddingRight: 10,
    paddingBottom: 10,
  },
  cellBgView:{flexDirection:'row',margin:40},
  image:{width:40,height:40,marginRight:10},
  cellView:{flex:1,justifyContent:'center',backgroundColor:'#ffffff'},
  title:{fontSize:11,fontWeight:'bold',backgroundColor:'#ffffff'},
  subtitle:{fontSize:10},
});

React.AppRegistry.registerComponent('SampleApp', function() { return SampleApp });