UITableViewCell combination Creation (React Native) by Wusheying
' Use strict '; var React = require (' react-native '); var {appregistry, StyleSheet, View, Image, Text,} = React;class UII Mageview extends React.component {render () {return (<view style={styles.bgview}> <view style = {styles.cellbgview}> <image Source = {{uri: ' Http://img.wdjimg.com/image/video/64d23dde9daac3 2367954b7c8a803da0_0_0.jpeg '}} style = {styles.image}/> <view style = {styles.cellview}> <text style={styles.title}> Xueyingwu </Text> <text style = {Styl es.subtitle}> work in China </Text> </View> </View> &L t;/view>); }}class SampleApp extends React.component {render () {return (<react.navigatorios Style={styles.conta Iner} initialroute={{title: ' My App ', Component:uiimageview,}}/>); }}var styles =React.StyleSheet.create ({container: {flex:1}, Bgview: {backgroundcolor: ' #eeeeee ', paddingtop:75, pad Dingleft: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 combination Creation (React Native)