text: import React, { Component } from 'react';
  
  import {
    View,
    Text,
    StyleSheet,
    Image,
    TouchableHighlight,
    TouchableOpacity,
    Dimensions,
  } from 'react-native';
  
  const AlbumArt = ({
    url,
    onPress
  }) => (
    <View style={styles.container}>
      <TouchableOpacity onPress={onPress}>
        <Image
          style={styles.image}
          source={{uri: url}}
        />
      </TouchableOpacity>
    </View>
  );
  
  export default AlbumArt;
  
  const { width, height } = Dimensions.get('window');
  const imageSize = width - 48;
  
  
  const styles = StyleSheet.create({
    container: {
      paddingLeft: 10,
      paddingRight: 10,
      alignItems: 'center'
    },
    image: {
      width: imageSize-100,
      height: imageSize-100,
    },
  })