import React from 'react';
import {View, Text, Pressable} from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import {Ionicons} from "@expo/vector-icons";
 
function HomeScreen() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Go Wild</Text>
    </View>
  );
}
 
const Stack = createNativeStackNavigator();
 
function App({exit}) {
  return (
    <NavigationContainer independent={true}>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} options={{
          headerBackVisible: false,
          headerLeft: () => <Pressable onPress={exit} style={{marginLeft: -12}}><Ionicons name="chevron-back" size={26}/></Pressable>
        }} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}
 
export default App;