1import React from 'react'; 2import MusicItem from '@/components/mediaItem/musicItem'; 3import Empty from '@/components/base/empty'; 4import {FlashList} from '@shopify/flash-list'; 5import rpx from '@/utils/rpx.ts'; 6 7interface ISearchResultProps { 8 result: IMusic.IMusicItem[]; 9 musicSheet?: IMusic.IMusicSheetItem; 10} 11 12const ITEM_HEIGHT = rpx(120); 13 14export default function SearchResult(props: ISearchResultProps) { 15 const {result, musicSheet} = props; 16 return ( 17 <FlashList 18 estimatedItemSize={ITEM_HEIGHT} 19 ListEmptyComponent={<Empty />} 20 data={result} 21 renderItem={({item}) => ( 22 <MusicItem musicItem={item} musicSheet={musicSheet} /> 23 )} 24 /> 25 ); 26} 27