App.js

import React, { Component } from 'react';
import { createStore, applyMiddleware, combineReducers } from 'redux';
import { Provider } from 'react-redux';
import thunkMiddleware from 'redux-thunk';

import currentUser from './components/redux/reducer';
import { isSignedIn, getAll } from './components/auth/memory';
import { createRootNavigator } from './components/router';
import { createAppContainer } from 'react-navigation';

export default class App extends Component {
	constructor(props) {
		super(props);
		this.state = {
			signedIn: false,
			checkedSignIn: false
		};
	}

	componentDidMount() {
		isSignedIn()
			.then(res =>
				this.setState({
					signedIn: true,
					checkedSignIn: true
				})
			)
			.catch(error => console.error(error));
		console.log(getAll());
	}

	render() {
		const { checkedSignIn, signedIn } = this.state;
		if (!checkedSignIn) {
			return null;
		}

		const Layout = createAppContainer(createRootNavigator(signedIn));
		return (
			<Provider
				store={createStore(
					combineReducers({ currentUser }),
					applyMiddleware(thunkMiddleware)
				)}>
				<Layout />
			</Provider>
		);
	}
}