Make the flatlist render faster?

This commit is contained in:
Violet Caulfield
2025-01-24 22:18:49 -06:00
parent 67bb22d5d9
commit b5fa4da606
4 changed files with 5 additions and 4 deletions

View File

@@ -10,7 +10,8 @@ export function fetchItemImage(itemId: string, imageType?: ImageType, size?: num
.getItemImage({
itemId,
imageType: imageType ? imageType : ImageType.Primary,
...QueryConfig.playerArtwork,
width: size ?? QueryConfig.playerArtwork.width,
height: size ?? QueryConfig.playerArtwork.height
}, {
responseType: 'blob'
})

View File

@@ -11,7 +11,7 @@ interface BlurhashLoadingProps {
export default function BlurhashedImage({ item, size, type }: { item: BaseItemDto, size: number, type?: ImageType }) : React.JSX.Element {
const { data: image, isSuccess } = useItemImage(item.Id!, type);
const { data: image, isSuccess } = useItemImage(item.Id!, type, size);
const blurhash = !isEmpty(item.ImageBlurHashes)
&& !isEmpty(item.ImageBlurHashes.Primary)

View File

@@ -25,7 +25,7 @@ export default function TrackOptions({
onPress={() => {
if (isNested)
navigation.goBack();
navigation.getParent()!.goBack();
navigation.goBack();
navigation.push("Album", {

View File

@@ -4,10 +4,10 @@ import { debounce } from "lodash";
import Item from "../Global/components/item";
import { NativeStackNavigationProp } from "@react-navigation/native-stack";
import { StackParamList } from "../types";
import { FlatList } from "react-native";
import { QueryKeys } from "../../enums/query-keys";
import { fetchSearchResults } from "../../api/queries/functions/search";
import { useQuery } from "@tanstack/react-query";
import { FlatList } from "react-native/Libraries/Lists/FlatList";
export default function Search({
navigation