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