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