fix queue scroll to index

This commit is contained in:
Violet Caulfield
2025-01-19 19:34:22 -06:00
parent 71344d53f8
commit c4d67816fd
+7 -2
View File
@@ -1,22 +1,27 @@
import Track from "@/components/Global/components/track";
import { StackParamList } from "@/components/types";
import { usePlayerContext } from "@/player/provider";
import { NativeStackNavigationProp } from "@react-navigation/native-stack";
import { FlatList } from "react-native";
import { SafeAreaView } from "react-native-safe-area-context";
export default function Queue(): React.JSX.Element {
export default function Queue({ navigation }: { navigation: NativeStackNavigationProp<StackParamList>}): React.JSX.Element {
const { queue, useSkip, nowPlaying } = usePlayerContext();
const scrollIndex = queue.findIndex(queueItem => queueItem.item.Id! === nowPlaying!.item.Id!)
return (
<SafeAreaView edges={["right", "left"]}>
<FlatList
data={queue}
extraData={nowPlaying}
initialScrollIndex={queue.indexOf(nowPlaying!)}
initialScrollIndex={scrollIndex !== -1 ? scrollIndex: 0}
numColumns={1}
renderItem={({ item: queueItem, index }) => {
return (
<Track
navigation={navigation}
track={queueItem.item}
tracklist={queue.map((track) => track.item)}
index={index}