const React = require('react-native');

const {
  Image,
  Text,
  StyleSheet,
  View,
} = React;

module.exports = React.createClass({
  render: function() {
    const data = this.props.rowData.data;
    var Thumbnail;

    if (data.thumbnail) {
      Thumbnail = (
        <Image source={{uri: data.thumbnail}} style={styles.rowImage}/>
      );
    }

    return (
      <View style={styles.row}>
        {Thumbnail}
        <Text style={styles.rowText}>{data.title}</Text>
      </View>
    );
  },
});

const styles = StyleSheet.create({
  row: {
    backgroundColor: '#ffffff',
    flexDirection: 'row',
    borderBottomWidth: 1,
    borderBottomColor: '#ddd',
    padding: 10,
  },

  rowImage: {
    borderRadius: 3,
    height: 50,
    marginRight: 15,
    width: 50,
  },

  rowText: {
    flex: 1,
  },
});

@@ -422,20 +422,20 @@
        %3C
-Text
+View
  style=%7B
@@ -445,35 +445,211 @@
 les.
-rowText%7D%3E%7Bdata.title%7D%3C/Text
+textContainer%7D%3E%0A          %3CText style=%7Bstyles.title%7D%3E%7Bdata.title%7D%3C/Text%3E%0A          %3CText style=%7Bstyles.meta%7D%3E%0A            %7Bdata.subreddit%7D - %7Bdata.domain%7D - %7Bdata.author%7D%0A          %3C/Text%3E%0A        %3C/View
 %3E%0A  
@@ -717,24 +717,63 @@
 (%7B%0A  row: %7B%0A
+    flex: 1,%0A    flexDirection: 'row',%0A
     backgrou
@@ -796,34 +796,8 @@
 f',%0A
-    flexDirection: 'row',%0A
     
@@ -971,30 +971,179 @@
 %0A%0A  
-rowText: %7B%0A    flex: 1
+textContainer: %7B%0A    flex: 1,%0A  %7D,%0A%0A  title: %7B%0A    flex: 1,%0A    flexDirection: 'column',%0A  %7D,%0A%0A  meta: %7B%0A    flex: 1,%0A    color: '#555',%0A    fontSize: 11,%0A    marginTop: 5
 ,%0A  

Add post meta to individual rows