MainStackNavigator.tsx

import '@/i18n'

import { createStackNavigator } from '@react-navigation/stack'
import React from 'react'

import { useAppState } from '@/hooks/useAppState'
import AppDrawerNavigator from '@/navigators/AppDrawerNavigator'
import WelcomeStackNavigator from '@/navigators/WelcomeStackNavigator'
import type { RootStackParamList } from '@/types/naviagate'

const Stack = createStackNavigator<RootStackParamList>()

export default function MainStackNavigator() {
  const { welcomeShown } = useAppState()

  return (
    <Stack.Navigator screenOptions={{ headerShown: false, animation: 'none' }}>
      {/* index */}
      {!welcomeShown && <Stack.Screen name="Welcome" component={WelcomeStackNavigator} />}
      <Stack.Screen name="HomeScreen" component={AppDrawerNavigator} />
    </Stack.Navigator>
  )
}