import 'react-native-gesture-handler';
import * as React from 'react';
import  {NavigationContainer} from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { createStackNavigator } from '@react-navigation/stack';

import AramaEkrani from './arama';
import Gecmiskrani from './gecmis';
import FavoriEkrani from './favori';
import DetayEkrani from './detay';

const HomeStack=createStackNavigator();
const Tab = createBottomTabNavigator();

function AramaEkraniStack() {
  return (
    <HomeStack.Navigator>
  <HomeStack.Screen name="Ara" component={AramaEkrani} />
    <HomeStack.Screen name="Detay" component={DetayEkrani} />
  </HomeStack.Navigator>
  );
}

function App() {
  return (
    <NavigationContainer>
        <Tab.Navigator>
         <Tab.Screen name="Favori" component={FavoriEkrani} />
         <Tab.Screen name="Ara" component={AramaEkraniStack} />
        <Tab.Screen name="Geçmiş" component={Gecmiskrani} />
      </Tab.Navigator>
      </NavigationContainer> 
  );
}
export default App;