App/components/Discover/stack.tsx

import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { StackParamList } from "../types";
import Index from "./component";
import DetailsScreen from "../ItemDetail/screen";
import Player from "../Player/stack";
import Albums from "../Albums/component";
import { AlbumScreen } from "../Album";
import { ArtistScreen } from "../Artist";
import { DiscoverProvider } from "./provider";

export const DiscoverStack = createNativeStackNavigator<StackParamList>();

export function Discover(): React.JSX.Element {
    return (
        <DiscoverProvider>
            <DiscoverStack.Navigator
                initialRouteName="Discover"
                screenOptions={{

                }}>

                <DiscoverStack.Screen
                    name="Discover"
                    component={Index}
                    options={{
                        headerLargeTitle: true,
                        headerLargeTitleStyle: {
                            fontFamily: 'Aileron-Bold'
                        }
                    }}
                />

                <DiscoverStack.Screen
                    name="Artist"
                    component={ArtistScreen}
                    options={({ route }) => ({
                        title: route.params.artist.Name ?? "Unknown Artist",
                        headerLargeTitle: true,
                        headerLargeTitleStyle: {
                            fontFamily: 'Aileron-Bold'
                        }
                    })}
                />

                <DiscoverStack.Screen
                    name="Album"
                    component={AlbumScreen}
                    options={({ route }) => ({
                        title: route.params.album.Name ?? "Untitled Album",
                        headerTitle: ""
                    })}
                />

                <DiscoverStack.Screen
                    name="Albums"
                    component={Albums}
                />
                
                <DiscoverStack.Group screenOptions={{ presentation: "modal"}}>
                    <DiscoverStack.Screen
                        name="Details"
                        component={DetailsScreen}
                        options={{
                            headerShown: false,
                        }}
                    />
                </DiscoverStack.Group>
            </DiscoverStack.Navigator>
        </DiscoverProvider>
    )
}