<Item
    containerStyle={styles.itemContainer}
    style={styles.item}
    onPress={this._onItemClick}>
    <View style={styles.itemIcon}>
      <Icon name={this.props.iconName} size={40} color={colors.light} />
    </View>
    <View>
      <Text style={styles.primaryText}>{this.props.primaryText}</Text>
      <View style={{flexDirection:'column'}}>
        <Text style={styles.secondaryText}>{this.props.secondaryText}</Text>
      </View>
    </View>
  </Item>


//specified in styles.js
item: {
  fontSize:16
},
itemIcon:{
  flex:1,
  alignItems:'center',
  width: width * .2
},
itemContainer:{
  flexDirection:'row',
  width: width,
  height:60,
  backgroundColor: 'rgba(0,0,0,0)',
},
primaryText: {
  fontSize:14,
  color:'#FFFFFF'
},
secondaryText: {
  flexWrap:'wrap',
  fontSize:12,
  color:'#FFFFFF'
}