標籤:ios react native
UITableViewCell組合建立(React Native)by 伍雪穎
'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 });
UITableViewCell組合建立(React Native)