1import React from 'react'; 2import {StyleSheet} from 'react-native'; 3import rpx from '@/utils/rpx'; 4import {useNavigation} from '@react-navigation/native'; 5import {ROUTE_PATH} from '@/entry/router'; 6import ListItem from '@/components/base/listItem'; 7import {ImgAsset} from '@/constants/assetsConst'; 8 9interface IAlbumResultsProps { 10 albumItem: IAlbum.IAlbumItem; 11} 12 13export default function AlbumItem(props: IAlbumResultsProps) { 14 const {albumItem} = props; 15 const navigation = useNavigation<any>(); 16 17 return ( 18 <ListItem 19 left={{ 20 artwork: albumItem.artwork, 21 fallback: ImgAsset.albumDefault, 22 }} 23 title={albumItem.title} 24 desc={`${albumItem.artist} ${albumItem.date}`} 25 tag={albumItem.platform} 26 onPress={() => { 27 navigation.navigate(ROUTE_PATH.ALBUM_DETAIL, { 28 albumItem: albumItem, 29 }); 30 }}></ListItem> 31 ); 32} 33