App.tsx

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { SafeAreaProvider } from 'react-native-safe-area-context';

import MainScreen from './src/screens/MainScreen';
import TagManagerScreen from './src/screens/TagManagerScreen';
import SettingsScreen from './src/screens/SettingsScreen';
import CustomTabBar from './src/components/CustomTabBar';

import { TodoModalProvider } from './src/context/TodoModalContext';
import { TodoDataProvider } from './src/context/TodoDataContext';

const Tab = createBottomTabNavigator();
const Stack = createNativeStackNavigator();

function MainStack() {
  return (
    <Stack.Navigator>
      <Stack.Screen
        name="MainHome"
        component={MainScreen}
        options={{ headerShown: false }}
      />
      <Stack.Screen
        name="TagManager"
        component={TagManagerScreen}
        options={({ route }) => ({
          title: '태그 관리',
          headerBackTitle: '',
          gestureEnabled: true,
          tabBarVisible: false,
          headerShown: false,
        })}
      />
    </Stack.Navigator>
  );
}

export default function App() {
  return (
    <SafeAreaProvider>
      <TodoDataProvider>
        <TodoModalProvider>
          <NavigationContainer>
            <Tab.Navigator
              screenOptions={{ headerShown: false }}
              tabBar={(props) => <CustomTabBar {...props} />}
            >
              <Tab.Screen name="Main" component={MainStack} />
              <Tab.Screen name="Settings" component={SettingsScreen} />
            </Tab.Navigator>
          </NavigationContainer>
        </TodoModalProvider>
      </TodoDataProvider>
    </SafeAreaProvider>
  );
}