/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Image
} from 'react-native';
import MockData from './mockdata';

class ListViewExample extends Component {
  render() {
    return (
      <View style={styles.container}>

      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

AppRegistry.registerComponent('ListViewExample', () => ListViewExample);

@@ -220,13 +220,13 @@
 ort 
-MockD
+mockd
 ata 
@@ -242,17 +242,16 @@
 ockdata'
-;
 %0A%0Aclass 
@@ -299,16 +299,45 @@
 der() %7B%0A
+    var data = mockdata%5B0%5D;%0A 
     retu
@@ -341,16 +341,17 @@
 eturn (%0A
+ 
       %3CV
@@ -380,17 +380,153 @@
 ainer%7D%3E%0A
-%0A
+         %3CText%3E%7Bdata.trackName%7D%3C/Text%3E%0A         %3CText%3E%7Bdata.collectionName%7D%3C/Text%3E%0A         %3CImage source=%7B%7Buri: data.artworkUrl60%7D%7D /%3E%0A 
       %3C/
@@ -531,16 +531,17 @@
 %3C/View%3E%0A
+ 
     );%0A 

modify components to show data