App.js

import React, { useEffect } from 'react';

import { themeSelected } from './actions';
import { dispatch } from 'redux';

import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import { fromLeft } from 'react-navigation-transitions';

import { Provider } from 'react-redux';
import store from './store';
import AsyncStorage from '@react-native-community/async-storage';

import Introduction from './screens/Introduction';
import Login from './screens/Login';
import Registration from './screens/Registration';
import RegistrationTwo from './screens/RegistrationTwo';
import RecoverPassword from './screens/RecoverPassword';
import Home from './screens/Home';
import Chat from './screens/Chat';
import OpenChat from './screens/OpenChat';
import Settings from './screens/Settings';

const App = createAppContainer(
	createStackNavigator(
		{
			Introduction,
			Login,
			Registration,
			RegistrationTwo,
			RecoverPassword,
			Home,
			Chat,
			OpenChat,
			Settings,
		},
		{
			//initialRouteName: 'OpenChat',
			headerMode: 'none',
			//transitionConfig: () => fromLeft(),
		}
	)
);

const AppWithStore = () => {
	useEffect(() => {
		const loadTheme = async () =>
			dispatch(themeSelected(await AsyncStorage.getItem('@itae_theme')));
		try {
			loadTheme();
		} catch (e) {}
	}, []);
	return (
		<Provider store={store}>
			<App />
		</Provider>
	);
};

export default AppWithStore;