App.js

/**
 * Kuka React Native App
 * https://github.com/facebook/react-native
 *
 * Generated with the UI Kitten template
 * https://github.com/akveo/react-native-ui-kitten
 *
 * Documentation: https://akveo.github.io/react-native-ui-kitten/docs
 *
 * @format
 */
import 'react-native-gesture-handler';
import React, { useEffect, useState } from 'react';
import { ApplicationProvider, IconRegistry } from '@ui-kitten/components';
import { EvaIconsPack } from '@ui-kitten/eva-icons';
import * as eva from '@eva-design/eva';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import auth from '@react-native-firebase/auth';
import { GoogleSignin } from '@react-native-google-signin/google-signin';
import { LoginScreen } from './screens/LoginScreen';
import { SignupScreen } from './screens/SignupScreen';
import { ForgotPasswordScreen } from './screens/ForgotPasswordScreen';
import { AuthNavigator } from './navigation/AuthNavigator';
import { default as theme } from './app-theme.json';
import { default as mapping } from './app-mapping.json';

GoogleSignin.configure({
  webClientId:
    '921635578637-ma0i915tikp1q0v9q9gmfuefvd8grom6.apps.googleusercontent.com',
});

export default () => {
  const { Navigator, Screen } = createStackNavigator();
  // const theme = useTheme();
  const [authUser, setAuthUser] = useState(null);

  useEffect(() => {
    return auth().onAuthStateChanged(authUser => {
      return authUser ? setAuthUser(authUser) : setAuthUser(null);
    });
  });

  return (
    <>
      <IconRegistry icons={EvaIconsPack} />
      <ApplicationProvider
        {...eva}
        theme={{ ...eva.light, ...theme }}
        customMapping={mapping}
      >
        <SafeAreaProvider>
          <NavigationContainer>
            {authUser ? (
              <AuthNavigator />
            ) : (
              <Navigator screenOptions={{ headerShown: false }}>
                <Screen name="Login" component={LoginScreen} />
                <Screen name="Signup" component={SignupScreen} />
                <Screen
                  name="Forgot Password"
                  component={ForgotPasswordScreen}
                />
              </Navigator>
            )}
          </NavigationContainer>
        </SafeAreaProvider>
      </ApplicationProvider>
    </>
  );
};